![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
阿巴阿巴www
敲代码的程序员。日复一日,年复一年的敲代码。
展开
-
清除浮动的方式以及元素居中的方法!
清除浮动 1.为什么要清除浮动? 清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题 1.比如,我给父盒子设置一个boder,内部放两个盒子一个big、一个small,未给big和small设置浮动,则他们会默认撑开父盒子 2.如果给这两个盒子都加上了float属性的时候,底部的盒子就会顶上来,因为父盒子没设置高度,变成一条线,big和small已经浮动了 小结:当父元素不给高度的时候,内部元素不浮动的时候会撑开,而浮动时父元素会变成一条线,所以这个时候就需要解决浮动 .原创 2021-05-06 16:04:00 · 224 阅读 · 1 评论 -
BFC
BFC就是“块级格式化上下文”的意思,简单来说,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。BFC是一块用来独立的布局环境,保护其中内部元素不受外部影响,也不影响外部。 1.BFC触发的几种方式: 浮动元素,float除none以外的值; 绝对定位元素,position(absolute,fixed); display 为以下其中之一的值inline-block,table-cell,table-caption; overflow 除了 visible ...原创 2021-05-06 16:01:04 · 140 阅读 · 1 评论 -
css3新特性
css3中新增的一些特性大概可以分为:选择器,背景和边框属性,文本效果,2D/3D转换 选择器 常规选择器 :last-child /* 选择元素最后一个孩子 */ :first-child /* 选择元素第一个孩子 */ :nth-child(1) /* 按照第几个孩子给它设置样式 */ :nth-child(even) /* 按照偶数 */ :nth-child(odd) /* 按照奇数 */ :disabled /* 选择每个禁用的dom元素 */ :checked /* 选择每个被.原创 2021-05-06 15:46:36 · 218 阅读 · 2 评论 -
Flex布局及属性
felx布局是css3中新增的一种布局方式,它大多用于移动端中,在PC端中用的比较少。在PC端中会存在一些兼容性的问题,因为flex是css3新增的一种布局方式,旧版本浏览器可能不支持,所以有时候需要添加浏览器兼容的前缀来解决。 flex布局,可以简便.完整.响应式地实现各种页面布局,任何一个容器都可以指定为flex布局,行内元素也可以使用flex布局。 !!!注意:设为flex布局以后,子元素的float clear和vertical-align属性将失效。 flex的属性: flex-dire.原创 2021-05-06 14:49:59 · 204 阅读 · 1 评论