D 02_css的代码规范

最新推荐文章于 2025-12-20 20:37:31 发布

原创最新推荐文章于 2025-12-20 20:37:31 发布 · 365 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #css的代码规范

本文介绍了CSS样式的正确书写规范，包括样式代码的放置位置、格式规范、选择器使用及属性值定义等内容。通过实例展示了如何在HTML文档中使用<style>标签设置样式。

css的代码规范

放置规范：

在<style>标签内容体中书写css样式代码。

<style>标签放置在<head>标签之中。

格式规范：

选择器名称 { 属性名1：属性值1；属性名2：属性值2；…….}

选择器：即指定CSS样式作用在哪些HTML标签上

代码规范：

l 属性名和属性值之间是键值对关系；

l 属性名和属性值之间用 “:” 连接，最后“;”结尾；

例如：font-size:120px;

l 如果一个属性名有多个值，多个值之间用空格隔开。

例如： border:5px solid red;

l CSS注释：/* 注释内容*/ 等同于java的多行注释

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
			<!--css最入门用style来设置,格式规范-->
		<style>
			span {
				/*元素选择器:(html元素标签来设置)
				 * span表示的选择器,大括号后面是样式声明
				 * css注释和java一样的
				 */
				font-size:70px;
				color: red;
				border: 1px solid royalblue ;
			}
		</style>
	</head>

	<body>

		<span>11111112222222</span>
		<span>22222222222222</span>
	</body>

</html>