CSS3——3. 书写格式二

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--css书写:-->
			<!--1. 属性名:属性值-->
			<!--2.属性值是对属性的相关描述-->
			<!--3.属性名必须是一个合法有标识符-->
			
		<!--css书写要注意的事项:-->	
			<!--1.css的属性不用区分大小写,推荐使用小写-->
			<!--2.在对标签样式化时多个样式的使用,用";"隔开-->
		
		
		
		<!--文字颜色样式:-->	
			<!--color: 合法的颜色值;-->
		
		<!--文字大小样式-->
			<!--font-size: 合法的尺寸单位;-->
			

		<!--文字粗细样式-->	
			<!--font-weight: 600;-->
			
		<!--尺寸样式-->	
			<!--宽度设置    width: 合法的尺寸单位;-->
			<!--高度设置    height: 合法的尺寸单位;-->
		
		<div id="zxw" style="color: red;font-size: 20px; font-weight: 600;background: blueviolet; width: 200px; height: 150px;">
			我爱学习
		</div>
		
		<br />
		<br />
		<br />
		
		<div id="zxw" style="color: red;font-size:20px;">
			我爱学习
		</div>
	
	</body>
</html>

块级元素如< div >要想明显的看见这个块成立的大小,那就给这个块级元素一个背景,就可以看到这个块了

相关推荐
拾光拾趣录5 分钟前
浏览器对队头阻塞问题的深度优化策略
前端·浏览器
用户8122199367226 分钟前
[已完结]后端开发必备高阶技能--自研企业级网关组件(Netty+Nacos+Disruptor)
前端
万少10 分钟前
2025中了 聊一聊程序员为什么都要做自己的产品
前端·harmonyos
abigale032 小时前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
专注API从业者3 小时前
构建淘宝评论监控系统:API 接口开发与实时数据采集教程
大数据·前端·数据库·oracle
Joker`s smile3 小时前
Chrome安装老版本、不同版本,自制便携版本用于前端调试
前端·chrome
weixin_416639973 小时前
爬虫工程师Chrome开发者工具简单介绍
前端·chrome·爬虫
我是如子啊3 小时前
【解决“此扩展可能损坏”】Edge浏览器(chrome系列通杀))扩展损坏?一招保留数据快速修复
前端·chrome·edge
灵性花火3 小时前
Qt的前端和后端过于耦合(0/7)
开发语言·前端·qt
孤水寒月7 小时前
基于HTML的悬窗可拖动记事本
前端·css·html