CSS
文章平均质量分 79
EV曦
好记性不如烂笔头 记录回顾知识点
展开
-
css预编语言sass使用语法详解
示例代码 2. 嵌套css规则 示例代码 2.1 标识符& 示例代码 2.2 群组选择器的嵌套 选中某元素下的两个元素,设置一样的属性 选中不同元素下的相同元素或相同id/class,设置一样的属性 示例代码 2.3 >、+和~ 示例代码...原创 2022-07-01 14:16:55 · 666 阅读 · 0 评论 -
CSS绘图(三角形,扇形,心形等)
以下一些图形的绘画将依赖边框属性来进行创作,因此我们先来了解一下边框border这个属性,先画一个正方形并为它定义四边不一样颜色的边框,将边框值设置大一点便于观察 .box{ width: 100px; height: 100px; border: 20px solid; border-color: red blue black green; } .point{ width: 0; height: 0; border: 70px solid; border-color: red blue原创 2022-04-20 14:40:01 · 663 阅读 · 0 评论 -
flex布局详解
1. flex(弹性布局) 弹性布局的设置,只需将dispaly属性设置为flex即可,每一个设置了弹性布局的元素称为flex容器,弹性布局的属性主要分为两大类,一类是作用于容器上,另一类则是作用于容器中的子元素。 .container{ display:flex } 2. 容器上的属性 flex-direction 属性,表示主轴方向既容器中的子元素排列方向,可选值: row :默认值,从左到右| row-reverse :从右到左 column :从上到下 column-reverse :从下原创 2022-04-19 15:11:05 · 1065 阅读 · 0 评论