CSS:层叠样式表；设置版面的布局和外观显示样式
引入CSS的方式
1、行内式：直接写在标签的内部（偶尔用）
<标签名 style=“属性1：属性值1；属性2：属性值2；属性3：属性值3；">内容</标签名>
注意：如果有多组，那么style中的分号一定不能省略
2、内嵌样式表：
写在<head>和</head>之间
<style type="text/CSS">
选择器：选择要改变的标签
{
属性1：属性值1；
属性2：属性值2；
属性3：属性值3；
}
</style>
注意：理论上可以放在HTML文档的任何位置，但是规定要放在head标签中
type="text/CSS"这句话可以省略
3、外部样式表（重要！！！）
<link />单标签，链接标签，link标签就是给HTML文件和CSS文件建立了一种联系
注意：CSS 文件和HTML文件一定要写在同一个文件夹下
代码风格：
（1）写CSS文件要用展开式，一行只写一个属性
（2）所有代码都用小写
4、CSS选择器
h1 {
color: pink;
}
其中h1就是选择器；
选择器：选择标签，把我们想要的标签选出来
（1）基础选择器
标签选择器：把页面中相同的标签全都选起，因此不能设计差异化样式。
类选择器：用得最多，一般写样式的时候用，不是唯一的，可以多个使用
. 类名 {
属性1：属性值1；
属性2：属性值2；
属性3：属性值3；
}
<标签 class=‘类名’>…</标签>
优点：可以选择一个或多个标签；
注意：类名是自定义的；
不要纯数字，中文等来命名，要尽量使用英文字母来命名；
在一个标签内部只能有一个class;但是可以在一个class里面写多个属性，中间要用空格隔开
类选择器特殊用法：多类名选择器（用得也比较多）
Id选择器：这个是唯一的，只能用一次，一般用在页面唯一性的元素上，一般用在js上
# 类名 {
属性1：属性值1；
属性2：属性值2；
属性3：属性值3；
}
<标签 id=‘类名’>…</标签>
通配符选择器：一般不建议使用，偶尔使用
*类名 {
属性1：属性值1；
属性2：属性值2；
属性3：属性值3；
}
表示页面内所有的元素都变化，
代码习惯：尽量少用通用选择器；
尽量少用ID选择器；
不适用无具体语义定义的标签选择器 div,span
5、CSS字体样式
（1）大小
font-size:20px;
文字大小基本用px，其他的基本不用。
谷歌浏览器通用大小是16px;
但是不同浏览器默认的大小不同，因此一般给body指定整个页面的大小，这样在所有浏览器中打开后都是一样的字体了
（2)字体
font-family:如果写了多个字体，要用英文逗号隔开，除了英文（英文不区别大小写）不用加引号，其他的都加上引号
一般浏览器是微软雅黑字体，自己可以写其他字体，但是为了在别人的浏览器也可以显示，尽量写一些常见的字体。
Unicode字体：Windows Xp系统不支持中文字体
（3）粗细：一般用数字来表示
1、用字体标签来实现 <b> ，<strong>
2、在CSS中常用nurmal：标准字体
bold:粗体
100~900，必须用整数，但是不要跟单位（400等同于 normal,700等同于 bold
（4）风格：一般很少用
1、用标签 i和em来实现倾斜
2、CSS中常用 italic：斜体
oblique：斜体
normal：让倾斜的字体变成正常字体；
font 综合设置
font： font-style font-weight font-size font-family
例：font： italic 700 20px “微软雅黑”
必须严格按照顺序来并且中间用空格隔开
字体大小和字体类型，就是最后两个一定不能省略
6、CSS的外观属性
（1）颜色表示式：
英文：
十六进制：用得较多，以#号开头，红绿蓝（#rrggbb)
0-9:10个
A-F:6个
范围：最小是0，最大是F；
#000000:黑色
#ffffff白色
注意：若两两相同，则可以简写成三个字母的
例：#ff1122=#f12(一般喜欢简写）
RGB代码：color：rgb(255,103,0)
7、文本水平对齐方式
text-align:left/center/right
只对于块级元素或者行内块元素才有text-align
8、行间距(行高）
line-height:单位是像素（px)
一般情况下，行间距比字号大7，8像素就可以了
9、首行缩进
text-indent：一般以em为单位，表示字符宽度的倍数
1em 表示一个汉字的宽度，
10、文本装饰
text-decoration:none/underline(下划线）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
