阅读 113
CSS3学习总结

CSS3学习总结

1.盒子模型

定义:盒模型又称框模型(Box Model),有元素内容(content),内边距(padding),边框(border),外边距,如图:
复制代码

image.png 盒模型有两种: 1.标准模型:width=content(高度同),使用:box-sizing:content-box 2.IE模型:width=content+padding+border,使用:box-sizing:border-box

BFC

作用:触发BFC可以使盒子成为一个封闭的盒子,防止外边距重合
触发条件: 
        1.float除none以外的值
        2.overflow除visible的值
        3.position值为absolute或fixed时
        4.body根元素
        5.display值为inline-block或table-cell或flex时
复制代码

属性

1.nter-events: none可以取消title属性的显示效果,不想取消的话可以使用all值
复制代码
文章分类
前端
文章标签