![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
文章平均质量分 50
安心@-@
这个作者很懒,什么都没留下…
展开
-
解决浮动的方法
3.1 父元素有高度(清除浮动),直接为下个元素设置clear:both;为了方便可以直接定义一个,需要了直接将类名加上。3.2 父元素无高度,在浮动的两个盒子后加一个盒子。:脱离文档流,容易造成盒子塌陷,影响其他元素的排列。:父元素中子元素都浮动,父盒子高度为0。:常用于图片,实现文字环绕的效果。原创 2022-09-07 12:32:53 · 309 阅读 · 0 评论 -
简述display:none visibilty:hidden opacity:0 的区别
1.opacity:0 不会改变页面布局,如果该元素已经绑定 一些事件,如 click 事件,那么点击该区域,也能触发点击事件。2. visibility:hidden 不会改变页面布局,不会触发该元素已 经绑定的事件。3. display:none 会改变页面布局,可以理解成在页面中把该元素删除掉。相同点:都能使元素隐藏起来。原创 2022-09-06 15:17:35 · 474 阅读 · 0 评论 -
Flex布局快速度上手
flex-flow 属性是 flex-direction 属性和 flex-wrap 属性的简写形式,默认值为 row nowrx。/* flex container没有空间时同步缩小,有空间时同步扩大,每个item的宽度默认 *//* 每个item的宽度最多是150,,不会因空间大而扩大 ,会因为空间不足缩小*/flex-wrap: wrap-reverse;flex-start 朝着弹性容器的开头对行打包。flex-end 朝着弹性容器的结尾对行打包。原创 2022-09-06 14:36:45 · 159 阅读 · 0 评论 -
BFC(块级格式化上下文,用于清除浮动,防止margin重叠)
BFC (block formatting contexts)块级格式上下文。属于定位方案中的普通流。是一个独立的空间,里面的元素不会影响外面的元素。元素首先按照普通流的位置出现,然后根据浮动的方向尽可能的向左边或右边偏移。元素按照其在HTML中的先后位置由上而下布局。在绝对定位布局中,元素会脱离普通文档流。原创 2022-09-06 11:05:36 · 179 阅读 · 0 评论 -
Position 的值有哪些,分别有哪些作用?
【代码】Position 的值有哪些,分别有哪些作用?原创 2022-09-05 22:33:15 · 323 阅读 · 0 评论 -
CSS 的盒模型
盒子模型可以用来对元素进行布局,包括内边距,边框,外边距,和实际内容这几个部分。原创 2022-09-05 21:25:33 · 58 阅读 · 0 评论 -
CSS实现水平垂直居中
【代码】CSS实现水平垂直居中。原创 2022-09-05 18:50:05 · 92 阅读 · 0 评论 -
两栏布局 左侧固定右侧自适应
【代码】两栏布局 左侧固定右侧自适应。原创 2022-09-05 18:21:21 · 294 阅读 · 0 评论 -
link和@import的区别
【代码】CSS中link和@import的区别。原创 2022-09-05 16:16:01 · 76 阅读 · 0 评论 -
CSS3实现三栏布局 左右固定 中间自适应 /圣杯布局/双飞翼布局
中间一栏先加载和渲染,两侧内容固定,中间内容随着宽度自适应一般用于pc端网页1、先写出3个盒子2、中间盒子加上,为了添加中间的顺序要为3.新添加的盒子各设置宽,高。然后左盒子设置左浮动,右盒子设置右浮动,触发bfc盒子。原创 2022-09-05 15:32:45 · 479 阅读 · 0 评论