![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 54
无聊人_
俺把俺的学习笔记竟都分享出来咧
展开
-
css伪类选择器汇总
俺把俺的学习笔记都以文章的形式分享出来啦,点开主页查看更多文章哦~若有问题请留言或私信!nth-child() 同级第n个且为某元素的元素nth-last-child() 同级倒数第n个且为某元素的元素first-child 同级第一且为某元素的元素last-child 同级最后且为某元素的元素only-child 同级下只有某元素的元素nth-of-type() 同级某元素的第n个nth-last-of...原创 2021-02-21 12:50:16 · 124 阅读 · 1 评论 -
BFC的形成条件与能解决的问题
俺把俺的学习笔记都以文章的形式分享出来啦,点开主页查看更多文章哦~若有问题请留言或私信!先解析一下BFC是什么BFC(block formatting context)块级格式化上下文定义:是web页面对盒模型采用不同的渲染模式,形成隔离的独立容器。BFC的形成条件1、根元素。html标签2、浮动元素float。除none3、定位元素position。absolute fixed4、display。inline-block table-cell table-captio...原创 2021-02-21 12:50:44 · 478 阅读 · 1 评论 -
css first-child伪类选择器详解
三种使用情况p:first-child 选中同级第一个并且为p的元素 p:first-child em 选中同级第一个并且为p的元素下的em元素 p em:first-child 选中所有p元素下,同级第一个且为em的元素first-child代码<style> p:first-child{ /* 同级第一个并且为p的元素 */ color: red; }</style><body> ...原创 2021-01-26 11:18:16 · 10322 阅读 · 2 评论 -
如何更容易地记住圣杯布局与双飞翼布局
0、两种布局方式都是三列布局,且实现左右固定,中间自适应的效果。1、首先建立一个最基本的结构。“中”要在最前面。2、让三个盒子都左浮动。宽度:中100%,左右两个盒子给一定的宽度,如左300px,右200px。为了让盒子显示,给它们一个高度200px,以及分别设置背景色。然后看下效果:3、使它们在同一行。 让左盒子直接向上移动一行,贴着左边界。所以给左盒子设置margin-left: -100%(这里的100%就是父元素的宽度)。 效果如图,左盒子...原创 2020-08-01 10:20:53 · 169 阅读 · 0 评论