1.1CSS语法规范:
CSS样式与规则:选择器(选择HTML中常见的标签)以及一条或多条声明(声明HTML的样式)p { color: red; fontsize: 12px; }
1.2格式规范
2.1选择器
作用
类别
2.1.1标签选择器:
- 标签名作为选择器
- 优点:快速指定某一类标签
- 缺点:无法区别出来
2.1.2类选择器
-
给标签取一个类名,然后用*.类名*调用
-
样式点定义,结构类调用
-
类选择器的特殊使用—多类选择器:优点:将相同的样式放在同一个类里面,方便统一修改。这些标签可以调用相同的类,修改自己独有的类。
. red { width: 100px; height:100px; background-color: red; }
2.1.3 id选择器 -
id名字唯一(类似身份证),仅能被唯一的标签使用,与类名(类似人名)区别开,使用次数不同
2.1.4 通配符选择器*{属性1;属性2;属性3;} *{margin:0;padding:0;}
2.2CSS字体属性
2.2 font-family设置字体系列
语法规范:字体之间用逗号分割,多个单词组成的字体加引号
浏览器读取时,从第一个依次往后读取
可以直接用选择器设置body内部字体body {font-family: "微软雅黑";}
2.2.1font-size字体大小设置
- 谷歌浏览器默认字体大小为16px;
- 不同浏览器可能默认字号大小不同,要尽量给一个明确大小,不能默认大小
2.2.2 font-weight设置字体权重
font-weight后面不用加像素,实现的是字体加粗
normal:默认值(不加粗)
bold:定义粗体(加粗)
100-900:400=normal 900=bold
2.3.3font-style设置字体风格
italic(一般不用)
normal:让斜体标签<em>,<i>
变得不倾斜
2.3.4font复合属性方法
- 格式:
font:font-style font-weight font-size/line-hight font-family
顺序不能颠倒 - 其他可以省略,不能省略大小和字体