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
posted @ 2019-01-27 13:43  徐12  阅读(123)  评论(0)    收藏  举报