
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 · 359 阅读 · 0 评论 -
伪类与伪元素和区别
伪类元素:hover 将样式添加到鼠标悬浮的元素:active 将样式添加到被激活的元素:focus 将样式添加到获得焦点的元素:link 将样式添加到未被访问过的链接:visited 将样式添加到被访问过的链接:first-c...原创 2018-11-21 20:41:13 · 130 阅读 · 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 · 218 阅读 · 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 · 236 阅读 · 0 评论 -
position的属性
值 描述absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。relative 生成相对...原创 2019-02-26 21:47:02 · 109 阅读 · 0 评论 -
CSS3的新特性整理
animation IE10animation的六大属性animation-name规定需要绑定选择器的keyframe名称animation-duration规定完成动画所花费的时间 s msobject.style.animationDuration=“3s”animation-timing-function动画的速度曲线默认值easeobject.style.animat...原创 2019-02-26 21:50:50 · 156 阅读 · 0 评论