CSS知识点小总结

一、盒子模型

盒子模型和IE的区别:盒子模型的width属性只包括内容区,而IE的width属性包括内容、内边距和边框的总和

二、选择器的优先级

!important>行内样式>ID>类、伪类、属性>类型选择器、伪元素选择器

三、定位与浮动:

可视化模型分为相对定位、绝对定位(包括固定定位)、浮动,其中绝对定位和浮动脱离文档流,相对定位在文档流中,无论是否移动,元素仍占据原来的空间

四、清楚浮动:

1、  添加一个clear过的空元素

2、  Overflow(应用值为hidden或auto的overflow有一个有用的副作用,这会自动地清理包含的任何浮动元素)

3、  CSS方法.clear:after{

Content:”.”;

Height:0;

Visiblility:hidden;

Disblock:block;

Clear:both;

}

4、JS方法

五、布局:

1、  两栏布局:float:left、float:right

2、  三栏布局:在两栏布局的基础上,再次运用两栏布局


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部