![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Destiny is not doomed
这个作者很懒,什么都没留下…
展开
-
盒模型的简单理解
盒子模型有两种,W3C和IE盒子模型 (1)W3C定义的盒子模型包括margin、border、padding、content 元素的width=content的宽度 (2)IE盒子模型与W3C的盒子模型唯一区别就是元素的宽度,元素的width=content+padding+border 我个人认为W3C定义盒子模型与IE定义的盒子模型,IE定义的比较合理,元素的宽度应该包含border(边框)...原创 2018-11-20 22:06:07 · 298 阅读 · 0 评论 -
伪类与伪元素和区别
伪类元素 :hover 将样式添加到鼠标悬浮的元素 :active 将样式添加到被激活的元素 :focus 将样式添加到获得焦点的元素 :link 将样式添加到未被访问过的链接 :visited 将样式添加到被访问过的链接 :first-c...原创 2018-11-21 20:41:13 · 94 阅读 · 0 评论 -
BFC 规范的简单理解
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有block-level box 参与,它规定了block-level box如何布局,并且与这个区域外部毫不相干。 布局规则: A. 内部的 Box 会在垂直方向,一个接一个第放位置 B. Box 垂直方向的距离由 margin 决定。 属于同一个 BFC 的两个相邻 Box 的 ma...原创 2018-11-21 20:51:30 · 189 阅读 · 0 评论 -
垂直水平居中的方法
//宽高未知 //第一种定位 .box { background-color: #ccc; width: 300px; height: 300px; position: relative; } .content { background-color: #999999; width: 100px; height: 100px; position: absolute; ...原创 2019-02-26 21:44:15 · 155 阅读 · 0 评论 -
position的属性
值 描述 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative 生成相对...原创 2019-02-26 21:47:02 · 78 阅读 · 0 评论 -
CSS3的新特性整理
animation IE10 animation的六大属性 animation-name规定需要绑定选择器的keyframe名称 animation-duration规定完成动画所花费的时间 s ms object.style.animationDuration=“3s” animation-timing-function动画的速度曲线 默认值ease object.style.animat...原创 2019-02-26 21:50:50 · 115 阅读 · 0 评论