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 >要想明显的看见这个块成立的大小,那就给这个块级元素一个背景,就可以看到这个块了

相关推荐
deli00725 分钟前
32K 上下文塞满后,AI 最先忘掉什么?120 轮对话实测
前端
deli0071 小时前
手机拍灯为什么有一条条黑纹?PWM 240Hz 实测
前端
wangruofeng6 小时前
AI Models 1.1.0 发布,查大模型价格、对比模型和找 API 地址
前端·aigc·ai编程
wangruofeng6 小时前
给前端开发者的 100 个设计参考网站
前端·设计
星栈9 小时前
视频即代码,Remotion 能做什么、不能做什么
前端·音视频开发
广州华水科技9 小时前
单北斗GNSS位移监测系统的应用与技术解析
前端
用户479492835691510 小时前
从一句话或代码仓到可交互 HTML:开源 Agent 画图技能 Archify v3.2 实测与选型边界
前端·后端·面试
风骏时光牛马12 小时前
生成一个AI多模态标题,仅输出一条标题,无额外文字、问句、备选、配图、文案等任何附加内容,不需要其他的任务服务 只要标题。
前端
wangruofeng13 小时前
从 GIF 到 AVIF:网页图片格式演进与 2026 年选型指南
前端·架构
清晨Coding14 小时前
为什么用 React Developer Tools 查看组件树这么乱?
前端·react.js