css
文章平均质量分 69
阿昊在
卷不动来华子打螺丝
展开
-
CSS中垂直居中的七种方法
前言:我们在编辑一个版面,通常都会用到水平居中和垂直居中来设计,而水平居中很好处理,不外乎就是设定margin:0 auto;或是text-align:center;,就可以轻松解决掉水平居中的问题,但一直以来最麻烦对齐问题,都是“垂直居中”这个讨人厌的设定,以下将介绍七种单纯利用CSS垂直居中的方式。七种垂直居中的方法:设定行高(line-height) 添加伪元素 calc动态计算 使用表格或假装表格 transform 绝对定位 使用Flexbox设定行高(line-hei.原创 2021-10-08 17:38:27 · 5175 阅读 · 0 评论 -
CSS中RGBA和渐变色
颜色值RGBA我们熟悉的rgb颜色标准,是由r(red)、g(green)、b(blue)三种颜色叠加变化形成各种颜色取值0-255,或0-100%rgba就是在rgb基础上增加了alpha不透明度参数.demo { width: 100px; height: 100px; background-color: rgb(255, 0, 0);}.demo { width: 100px; height: 100px; ba...原创 2021-09-29 10:28:12 · 4656 阅读 · 0 评论 -
CSS选择器
目录css基本的内容CSS写法CSS选择器的分类(基础常用)通用选择器 (*)标签选择器ID选择器class选择器/类选择器伪类选择器其他常用选择器css基本的内容CSS:层叠样式表(将多个样式按照一定顺序书写最终呈现的效果)注:如果在HTML页面里面需要写css样式就要去写style标签CSS写法1.先写标签2.选择指定的标签名作为css的选择器3.书写花括号(大括号)4.书写属性:属性值5.当有多个属性时用**;**分号隔开即可 ...原创 2021-09-29 00:41:01 · 69 阅读 · 0 评论 -
CSS中>,+,~,空格,逗号等符号的使用
目录~(波浪号) :+(加号):>(大于号):空格:, 逗号:其中,+,~均为CSS3特有的选择器。~(波浪号) : p~ul选择器 p之后出现的所有ul。 两种元素必须拥有相同的父元素,但是 ul不必直接紧随 p。 P~ul { background-color: pink; }<p>快乐生活</p> <ul> <li>昊昊&l...原创 2021-08-19 20:12:40 · 5972 阅读 · 0 评论