CSS语法规则

下文笔者将讲述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语法说明
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;
}
CSS注释的编写规则及示例