css笔记 选择器

css规则

1、继承性:父元素的样式可以被子元素所继承（颜色、字体）.

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

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

 

由选择器和样式声明组成

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

1、元素选择器：通过元素名选择CSS作用的目标 比如：<p></p>、<h1></h1>

2、类选择器：选择class等于某个值的所有属性 。class是程序员根据逻辑自己给元素增加的分类

CSS代码：.class {}

3、id选择器：id 选择器：选择id等于某个值的唯一元

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

demo

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

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

demo

5、派生选择器：

1选择某元素的子孙

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

demo

2选择某元素的儿子

1   /*5、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