CSS今日总结

CSS今日总结

CSS简介：
CSS是层叠样式表(Cascading Style Sheets)的简称。有时也称为CSS样式表或者是级联样式表。
CSS也是一种标记语言。

实现了结构（HTML）和样式（CSS）相分离。样式写在< head >标签中，而且也在< style >标签中

语法规范：
选择器：给谁去改样式，用于指定HTML标签
声明：{属性：值}，以“键值对”的形式出现，以分号结尾
CSS的三种样式表：

内部样式表(嵌入式引入)写在html页面内部，单独写到< style >标签内部。可以放到任何地方，但是一般放在< head >中。
标签内部添加style属性设定样式，适合修改简单的样式。
< div style=“color:pink;”>
外部样式表(推荐)：样式单独写到CSS文件中，之后把CSS文件引入到HTML页面使用。
新建一个后缀名为.css的文件
在HTML页面中，使用< link >标签引入文件：< link rel=“stylesheet” href=“css文件路径”>
使用外部样式表设定CSS，通常称为外链式或链接式引入
CSS三大特性：层叠性、继承性和优先级
字号
font-size

（1）可使用css所有尺寸单位：px，em，rem，%
（2）浏览器默认大小为16px

字体
font-family

（1）在行内设置样式使用 ’ ’ （单引号）引住
（2）用选择器设置样式使用 " " （双引号）引住
（3）默认字体为微软雅黑（根据系统不同可能会出现偏差）
（4）当设置的字体没有生效，则显示默认字体，也可设置多种字体，用 ， （逗号）隔开，浏览器会从前至后显示（第一个不生效才会显示第二个）

颜色
color
（1）可使用颜色名，16进制颜色值，RGB颜色值，RGBA颜色值
（2）当文字没有设置颜色，默认黑色
（3）颜色名可能不被一些浏览器识别，因此要使用16进制及RGB颜色值

字体粗细
font-weight

字体粗度值：
（1）数字：100-900，无单位，一般设置整百，数字越大，字体越粗
（2）bold：表示粗体，相当于数字700
（3）bolder：表示特粗字体，比继承字体粗
（4）lighter：表示特细字体，比继承字体细
（5）normal：表示正常字体粗细，相当于数字400

字体风格
font-style

设置文字为倾斜效果，< i >< em >标签也可表倾斜
取值样式：
（1）italic：表示倾斜
（2）oblique：表示微倾斜
（3）normal：表示正常的字体，常用来重置字体样式
文字颜色 color
文本对齐 text-align
首行缩进 text-indent
文本修饰 text-decoration
字母间距 letter-spacing
不换行 white-space