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  阅读(114)  评论(0编辑  收藏  举报