CSS语法规范由两部分构成:
选择器:找到要添加样式的元素
声明块:设置具体的样式(声明块是由一个或多个声明组成的)声明的格式为:属性名:属性值
css注释的写法:
/* 给h1元素添加样式 */
h1 {
/* 设置文字颜色为红色 */
color:red;
/* 设置文字大小为100px */
font-size:100px;
}
图:
CSS代码风格:展开风格 和 紧凑风格
展开风格:开发时推荐 便于维护和调试
紧凑风格:项目上线时推荐 可有效减小文件体积
注:项目上线时 我们会通过工具将 展开风格的代码 变成紧凑风格 这样就可以减小文件体积 节约网络流量 同时也能让用户打开网页时更快
例: