css
礁岸
如果世界上的知识是整个地球,我所学到的不过是一颗沙子
展开
-
记一次外边距合并
外边距合并分为很多种情况,最普通的是上下两个div之间上面一个设置margin-bottom下面一个设置了margin-top,两个盒子之间的距离不是两个的外边距相加,而是数值大的那个外边距。举个直观的例子,就像两个人打架,外边距就是攻击范围,谁的攻击范围大,就决定了两个人之间的距离。其次还有其他形式的外边距合并。这里做下总结。一、兄弟元素之间二、父子之间如果要清除合并;1、可以创建BFC:1、float的值不是none。 2、position的值不是static.原创 2020-05-16 10:30:57 · 112 阅读 · 0 评论 -
css选择器 :nth-of-type(1)、:nth-child(1)、:first-child、 :first-of-type
最近又把css复习了一遍,其中遇到这两个选择器,有时候会弄错,所以今天在深入了解下。带 “:” 的选择器一般是指定元素具有某种特性。顾名思义。:nth-child(1) 的1表示第一个元素,child表示这是一个儿子元素,就是第一个儿子元素。例子:p:nth-child(1)有两个条件要满足,缺一不选:1、是其父元素的第一个子元素。2、还要是p元素。:first-of...原创 2020-05-06 10:25:31 · 2992 阅读 · 0 评论 -
CSS统计数据记录数量
CSS统计数据记录数量前几天导师出了个题让我统计元素的数量。遂写下分享。效果代码<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...原创 2020-05-03 11:59:56 · 877 阅读 · 0 评论