![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 53
liguoyuan819
这个作者很懒,什么都没留下…
展开
-
css 中的单位
css中有常用的单位,如px,em,rem,vw,vh等,总结一下各自的区别 1.px(像素) px是绝对单位,代表屏幕中每个「点」(pixel) 2.em em是相对单位,是每个子元素相对于父元素的px值。如果父元素是16px,设置子元素为2em,则元素的大小为32px。 3.rem rem是相对元素,是相对于根元素的px值。如果HTML的大小为16px,设置为2rem,则元素的大小为32px。 4.vw vw是浏览器视觉窗口的宽度,分为100份,每份1vw,100vw则为浏览器窗口宽度的原创 2022-04-27 19:43:44 · 137 阅读 · 0 评论 -
元素垂直水平居中
元素的垂直水平居中原创 2022-04-14 10:43:14 · 87 阅读 · 0 评论 -
css3渐变
css3提供了两种渐变方式: 线性渐变(向下/向上/向右/向左/对角/任意角度方向) 径向渐变(由中心定义) 用background-image属性来控制渐变 1.线性渐变 为了创建一个线性渐变,你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时,你也可以设置一个起点和一个方向(或一个角度)。若不指定渐变方向,则默认从上到下 语法: background-image: linear-gradient(direction, color1, color2, ...); 从上到下原创 2022-04-12 16:24:37 · 173 阅读 · 0 评论 -
css组合选择器
css3中包含了四种组合选择器: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔 >) 相邻兄弟选择器(以加号分隔 +) 后续兄弟选择器(以破折号分隔 ~) 1.后代选择器 后代选择器用于选取某元素的后代元素。 以下实例选取所有 <p> 元素插入到 <div> 元素中: div p { background-color:yellow; } <div> <h2>DIV 内部标题</h2> <p>原创 2022-04-11 21:23:33 · 1606 阅读 · 0 评论