css基础2

CSS三大特性

层叠性

多个选择器同时作用在一个标签上，属性冲突，总会有一个属性会最终作用在标签上

表现为覆盖现象

继承性

后代元素可以从前代元素那里得到一部分的样式属性 --- 继承性

可以被继承的属性：

color,text-,font-,line-,cursor

cursor      控制鼠标停留在某个标签上时，鼠标的样式

例外：

a   不继承颜色，text-decoration

h     不继承font-size，font-weight

优先级

页面在解析的时候，有些选择器或者属性会被优先使用

优先级顺序：

 继承 < 通配符 < 标签选择器 < class选择器 < id选择器 < 行内样式 < !important

选择器权重

在复合选择器中如何计算选择器的权重

只要出现important，优先级永远是最高的

其次是行内样式

权重计算方式——数数：

先数id选择器的个数，再数class选择器的个数，再数标签选择器的个数

继承的权重为0

权重可以叠加

background(背景)

与background相关的属性

background-color 背景颜色

colorname     英文颜色

#RRGGBB             十六进制

rgb                三色

rgba              三色+透明度（ie6,7,8下是不能使用）

拓展：

opacity   控制元素的透明度   取值：0-1  ie678不支持

ie678下的兼容写法：

filter:Alpha(opacity:0-100);

backgournd-image  控制的是背景图片

url(图片的路径)

background-repeat                    控制背景图片是否重复(平铺)

no-repeat                    控制图片不平铺

repeat-y                      控制图片垂直平铺

repeat-x                      控制图片水平平铺

repeat                          控制图片两个方向平铺(默认值)

background-position          控制背景图片的位置
       方位名词：

水平：    left   center   right

垂直：    top   center   bottom

长度赋值：

* 要求先写x的位移，再写y的位移

background-attachment            控制背景图片是否随着滚动条滚动

scroll                           默认的随着滚动条滚动

fixed                                   不滚动

注意：

如果非body的元素设置了background-attachment，background-position是根据body的宽高进行位置的设置的

background连写

1  background: red url("1.png") no-repeat top center;

属性没有顺序要求，都可以省略

文本(text)属性

text-align

文本的水平对齐方式

left                               左对齐

center                          居中对齐

right                                   右对齐

text-decoration

文本修饰

none                                  正常

underline                                   下划线

overline                              上划线

line-through                       删除线

blink(弃用)     火狐的低版本支持的(了解即可)

text-indent

文本首行缩进

赋值方式：

数值+单位

px

em         1em = 1个字体大小

行高 (一行的高度)

line-height

行高的计算

我们自己得出                       css中定义的

行高 = 上间距 + 文字大小 + 下间距 = 两条基线之间的距离

并且上间距和下间距是相等的