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 · 335 阅读 · 0 评论 -
CSS盒模型
CSS 盒模型 当我们面对一个页面的时候,我们可以将它抽象成一块块矩形区域,页面上的每一个文档元素都占据了这样的一个矩形,像是放在一个个矩形的盒子中,从而我们有了盒模型的概念 这篇文章对CSS中的盒子模型进行一个简单的总结 两种不同的盒模型 盒模型有两种常见的形式,标准盒模型和IE盒模型: W3C的标准模型:容器的width和height仅仅表示内容区域(上图中的content)的宽度和高...原创 2019-04-01 22:45:28 · 153 阅读 · 0 评论 -
margin 重叠
margin 重叠 只发生在block元素上(不包括float、absolute、inline-block元素) 只发生在垂直方向上(不考虑writing-mode) margin的重叠发生可以发生在父子元素、兄弟元素和元素本身上 兄弟元素 表现为两个兄弟元素之间的margin会合并,并且按照较大margin宽度的计算布局 div{ width:100px; height:1...原创 2019-04-01 23:56:20 · 141 阅读 · 0 评论 -
# 浮动与清除浮动
浮动与清除浮动 浮动布局是一种常见的布局方式,最初的使用目的是进行图文的混排 这篇文章对浮动布局进行简单的总结,包括以下内容: 浮动 单个浮动元素 多个浮动元素 父子元素 清除浮动 浮动的使用场景 浮动 浮动通过css定义: #div1{ float:left; } 浮动可以取的值:none(默认)|left|right 当元素进行左浮动或者右浮动之后会脱离文档流,并且构成一个...原创 2019-04-17 21:40:19 · 132 阅读 · 0 评论