![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
Raaabbit
从入门到精通,脚踏实地
展开
-
CSS 选择器
CSS 选择器CSS选择器是CSS规则的一部分,位于CSS声明块前,决定了定义的样式规则会被应用到哪些DOM元素上。本文内容建议配合demo食用:https://github.com/Raaabbit/MyNotes/tree/master/CSS%E9%80%89%E6%8B%A9%E5%99%A8这个例子展示了最基本的id选择器、class选择器和标签选择器:#app{ ...原创 2019-02-25 22:56:39 · 343 阅读 · 0 评论 -
CSS盒模型
CSS 盒模型当我们面对一个页面的时候,我们可以将它抽象成一块块矩形区域,页面上的每一个文档元素都占据了这样的一个矩形,像是放在一个个矩形的盒子中,从而我们有了盒模型的概念这篇文章对CSS中的盒子模型进行一个简单的总结两种不同的盒模型盒模型有两种常见的形式,标准盒模型和IE盒模型:W3C的标准模型:容器的width和height仅仅表示内容区域(上图中的content)的宽度和高...原创 2019-04-01 22:45:28 · 180 阅读 · 0 评论 -
margin 重叠
margin 重叠只发生在block元素上(不包括float、absolute、inline-block元素)只发生在垂直方向上(不考虑writing-mode)margin的重叠发生可以发生在父子元素、兄弟元素和元素本身上兄弟元素表现为两个兄弟元素之间的margin会合并,并且按照较大margin宽度的计算布局div{ width:100px; height:1...原创 2019-04-01 23:56:20 · 150 阅读 · 0 评论 -
# 浮动与清除浮动
浮动与清除浮动浮动布局是一种常见的布局方式,最初的使用目的是进行图文的混排这篇文章对浮动布局进行简单的总结,包括以下内容:浮动单个浮动元素多个浮动元素父子元素清除浮动浮动的使用场景浮动浮动通过css定义:#div1{ float:left;}浮动可以取的值:none(默认)|left|right当元素进行左浮动或者右浮动之后会脱离文档流,并且构成一个...原创 2019-04-17 21:40:19 · 160 阅读 · 0 评论