css笔记1

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css笔记1相关的知识,希望对你有一定的参考价值。

1.选择器

高级选择器,ie 6,ie7都不兼容,ie6,ie7唯一兼容的是 后代选择器

如 div span, -- 后代选择器作用于所有后代,而不是直接后代

 

2.盒子

技术分享    

 

技术分享

 

ie 6及以上采用这种方式,解决的方法,不要给元素添加padding,而是尝试将内边距添加到元素的父元素或外边距添加到元素的子元素

 

3.定位

相对定位:相对原先位置移动,元素任占据原来空间 如:

#myBox{

position:relative;

left:20px;

top:20px;

}

绝对定位:绝对定位的位置是相对于距离它最近的那个已经定位的祖先元素确定的,绝对定位脱离文档流

可以设置z-index属性来控制这些框的叠放顺序,可以设置为负数

 

4.!important

使用!important提升某一句样式表的重要性,使其优先执行

div{

  background-color:red;!important

  background-color:green;

}

 

以上是关于css笔记1的主要内容,如果未能解决你的问题,请参考以下文章

CSS学习笔记

[CSS3] 学习笔记-CSS3选择器详解

CSS3选择器学习笔记

CSS常用选择器伪元素选择器伪类选择器大全——响应式Web系列学习笔记

CSS常用选择器伪元素选择器伪类选择器大全——响应式Web系列学习笔记

《CSS3实战》笔记--选择器