基础选择器 <head> <style>中
（一）标签选择器
- 把一类标签全选出比如所有的<div><span)
- 优点：快速统一设置，缺点:不能设计差异化，只能选全部
（二）类选择器.nav{ }
- 能完成单独选一个或几个，可使用类选择器
- 结构用class 调用
- 样式点定义，结构类调用，一个或多个，开发最常用
- 类选-多类名——→给一个标签多个类名，达到更多选目的
- <div class="甲 乙 丙…＂>文本</div>
规范
在class中写多个类名、多个类名用空格隔开，标签
分别具有每个类名的样式
*使用场景：
- 可把元素相同样式放一个类里
- 都可用公共类，再调用自已独有的类
- 节省CSS代码，统一修改方便。
（三）id选择器，#nav{ }
HTML以id属性设置id选择器，
CSS中以“#”定义
id属性在HTML文档中出现一次
样式#定义，结构id调用，只能调用一次，别人勿使用。
（四）通配符选择器 *{ }
选择所有标签统一修改样
复合选择器
符号 用法
后代选择器 空格 .nav a
子代选择器 > .nav>p
并集选择器 ， .nav,.header
锚伪类选择器 ： a:link :visited :hover :active
链接伪类——……链接一定要单独指定
:focus选择器（伪类) 对于有光标的表单
input:focus { }
CSS的引入方式
1、行内样式(行内式)
2、内部样式(嵌入式)
3、外部样式(链接式)
元素显示模式转换
转为块→ display:block;
转为行内→display:inline;
转为行内块→display:inline-block;
font设置字体
字体复合属性 body{ font：font-style font-weight
fant-size/ line-height font-family}
*使用font属性必须顺序书写，不能更换，且各属性
间空格隔开。
*注意:不设置的可省略，但必须保留 font-size font-
family 属性，否则font属性将不起作用
div{ font:20px'宋体'
文本属性
color常用十六进制 #fff
text-align 对齐 水平对齐
text-indent 缩进 ，2个字距:2em
text-decoration 修饰，添下划undeline
取消下划none
text-height行高 行距
CSS背景
background-color 预定义颜色
默认:transparent 透明
background-image: none ‖ url背景图地址
background-repeat 是否平铺
-repeat I no-repeat | repeal-x | repeat-y
background-position 位置 length | position
length 百分数(由浮点数和标识组成长度)
position →top | center | bottom | left | right
*说明
- 指定两个方位与搭配顺序无关
- 只指定一个，则第二个默认居中对齐
- 参数一个x，第二个y，只指定一个则x，另外的居中
- 参数混合，则第一个算x值，第二个y坐标值
backgrund-attachment背景附着(滚动)
:scroll(随内容滚动) | fixed(固定)
背景复合写法（一般习惯）
bg:颜色，地址，平铺, 滚动，位置
background : transparent ul (image.jpg) repeat-y fixed top;
背果半透明效果
bg：rgb(0,0,0,0.3);
最后参数alpha适明度取0~1之间，可将0.3中0省略→ .3);
*注意：仅盒子透明，不影响内容
背景图常用在常用logo或装饰小图或超大背景图，
优点:非常便于控制位置
文字垂直居中:line-height=height实现
CSS三大特性
层叠性:相同选择器设置相同样式，此时一个会覆盖另一个冲突样式。
原则:冲突通循 就近原则
继承性:子签会继承父签的某些样式
( text- font- line- 这些开头可继承，以及color
行高的继承 { font:12px/1.5 宋体;
如果没单位，则子元素行高是当前子元素文字大小 *1.5
最大优势：子元素可根据自己文字大小自行调整行高 <ul> <li>没有文字大小
优先级 选择器权重
行内样式>id选择器>类选择_伪类>元素>继承或*
Style=1,0,0,0, 0,1,0,0，0,0,1,0, 0,0,0,1, 0,0,0,0,
继承权重是0
最大权重+∞ !important
用法 div{ color： !important; }
复合选择器 权重会产生叠加
.nav li { } 的权重 0,0,1,0十0,0,0,1
⊕权重是个四位数
242
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
