CSS
艾小梦
前端菜鸟一枚,持续努力成大神
展开
-
回流和重绘
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一、浏览器的渲染过程 二、回流和重绘 1.回流 2.重绘 总结 前言 出处:https://segmentfault.com/a/1190000017329980 刷题碰到浏览器的回流和重绘问题,查看了大量文档,转载至此,方便复习。 提示:以下是本篇文章正文内容,下面案例可供参考 一、浏览器的渲染过程 从图中可以看到,浏览器的渲染过程如下: 1.解析HTML,生成DO...转载 2020-09-22 11:18:34 · 127 阅读 · 0 评论 -
CSS动画
动画属性 translate()方法 通过给定的坐标,元素从当前位置开始移动。 translate(50px,40px) rotate()方法 元素顺时针旋转给定的角度,负数表示逆时针 scale()方法 根据给定的宽度和高度,元素的尺寸会增加或减少 scale(5) skew() 根据给定的水平线和垂直线的参数翻转元素 <head> <style> div { width:100px; height:75px; background-color:ye原创 2020-09-17 19:50:35 · 94 阅读 · 0 评论 -
CSS属性继承
CSS中的继承 继承:http元素可以从父元素那里继承一部分css属性,即使当前元素没有定义该属性,但并不是所有的属性都是默认继承的。 通过文档中的 inherted:yes来判断属性是否可以继承。 一.无继承的属性 display:规定元素应该生成的框的类型 文本属性. vertical-aligin:垂直居中 text-decoration:添加到文本的装饰 text-shadow:文本阴影效果 white-space:空白符的处理 unicode-bidi:设置文本的方向 盒子模型的属转载 2020-09-10 14:42:15 · 156 阅读 · 0 评论 -
CSS权重的计算
CSS权重 有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,相同权重的,后面一条样式覆盖前面的样式。 权重的计算 !important:加在样式属性后面 权重=10000 内联样式:style="" 权重=1000 ID选择器:# 权重=100 类,伪类,属性选择器:权重100 标签,伪元素:权重=1 通用选择器,子元素选择器,相邻选择器,同胞选择器:权重=0 案例 <style > div{ color: red !important;转载 2020-09-09 09:47:33 · 212 阅读 · 0 评论