下文笔者将讲述CSS的语法规则,如下所示
CSS文件的组成部分
CSS文件有 CSS语法和CSS注释两部分组成
下文笔者将一一讲述CSS语法和CSS注释的相关说明
如下所示
CSS语法的简介
CSS样式表:
由一组一组规则组成,浏览器解析这些CSS规则后,然后将其应用到元素的样式上
使用这种方式,即可实现CSS对html元素的布局修改
这些CSS规则就是我们常说的CSS语法
CSS语法:
一个选择器或多个选择器
外加一些语法规则组成
CSS语法示例
.nav-bar {
color:red;
font-size:18px;
}
h2 {
color:green;
font-size:12px;
}
//以上语法的作用
//将class等于nav-bar的标签中的字体颜色设置为红色,字体大小18px
//将h2标签中的字体颜色设置为green,字体大小12px
css语法解析及注意事项:
1."h2",".nav-bar" 是选择器,用于匹配html元素
color,font-size是CSS属性
red,green,18px,12px是CSS属性值
CSS属性和CSS属性值之间使用冒号分隔
一组属性之间使用分号分隔,并使用分隔结尾
一个匹配器声明使用大括号进行包裹
2.css语法同html编码,无大小写的区别,
但是为了统一,笔者建议大家一律使用小写
CSS文件中添加注释的方法及示例
CSS注释的功能:
1.为了版权说明
2.为了说明属性的功能
3.为了方便后续维护
CSS注释的编写方法:
CSS注释以开头/*,以结束*/
CSS注释示例
/* 这是标题2的样式 */
h2 {
color: red;
text-align: center;
}
/* 已过时的标题2的样式 */
h2 {
font-size: 12px;
text-transform: uppercase;
}