CSS
艾小梦
前端菜鸟一枚,持续努力成大神
展开
-
回流和重绘
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、浏览器的渲染过程 二、回流和重绘 1.回流 2.重绘 总结前言出处:https://segmentfault.com/a/1190000017329980刷题碰到浏览器的回流和重绘问题,查看了大量文档,转载至此,方便复习。提示:以下是本篇文章正文内容,下面案例可供参考一、浏览器的渲染过程从图中可以看到,浏览器的渲染过程如下:1.解析HTML,生成DO...转载 2020-09-22 11:18:34 · 117 阅读 · 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 · 81 阅读 · 0 评论 -
CSS属性继承
CSS中的继承继承:http元素可以从父元素那里继承一部分css属性,即使当前元素没有定义该属性,但并不是所有的属性都是默认继承的。通过文档中的 inherted:yes来判断属性是否可以继承。一.无继承的属性display:规定元素应该生成的框的类型文本属性.vertical-aligin:垂直居中text-decoration:添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向盒子模型的属转载 2020-09-10 14:42:15 · 147 阅读 · 0 评论 -
CSS权重的计算
CSS权重有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,相同权重的,后面一条样式覆盖前面的样式。权重的计算!important:加在样式属性后面 权重=10000内联样式:style="" 权重=1000ID选择器:# 权重=100类,伪类,属性选择器:权重100标签,伪元素:权重=1通用选择器,子元素选择器,相邻选择器,同胞选择器:权重=0案例<style > div{ color: red !important;转载 2020-09-09 09:47:33 · 201 阅读 · 0 评论