css笔记 选择器

css规则

一、继承性:父元素的样式能够被子元素所继承（颜色、字体）.

二、层叠性：给一个元素设置不一样的说明，其效果会叠加。

三、优先级：给同一个元素设置相同的的说明，效果之后者为准，也叫就近原则

 

由选择器和样式声明组成

CSS选择器：选择页面上的元素

一、元素选择器：经过元素名选择CSS做用的目标 好比：<p></p>、<h1></h1>

二、类选择器：选择class等于某个值的全部属性 。class是程序员根据逻辑本身给元素增长的分类

CSS代码：.class {}

三、id选择器：id 选择器：选择id等于某个值的惟一元

1     /*三、id 选择器：选择id等于某个值的惟一元素*/
2     #p4{
3         color:yellowgreen;
4     }

demo

四、选择器组：写出一组选择器，并选中每一个选择器所对应的目标并集

1  .girl,#p4 {
2         font-weight: bold;  /*(加粗)*/
3 
4     }

demo

 

五、派生选择器：

1选择某元素的子孙

 

1   /*五、1选择某元素的子孙*/
2     #p5 b{color: crimson;
3     }

demo

 

2选择某元素的儿子

 

1   /*五、2选择某元素的儿子*/
2     #p5>b{
3         font-size: 30px;
4     }

demo

 

伪类选择器

经常使用伪类有：

选择未访问过的超连接

a:link{

}

选择已访问过的超连接

a:visited{

}

选择激活态（正在点）的按钮

#x1:active{

}

选择有焦点的文本框、文本域、密码框

#x2:focus{

}

选择鼠标悬停态（触碰）的图片

img:hover{

}

 

css声明

border属性：设置元素的边框

元素单位

%：百分比

in：英寸

cm：厘米

mm：毫米

pt：镑（1Pt等于1/72英寸）

px：像素（计算机上的一个点）

em：1em等于当前的字体尺寸，2em等于当前尺寸的两倍

 

当内容溢出元素框如何处理

overflow:auto;/*溢出加滚动条*/

}

内边距：padding

外边距：margin

实际占有的宽=width+2border+2padding+2margin

实际占有的高=height+2border+2padding+2margin