css
关注
分享
扫一扫
文章平均质量分 78
·尘·
每天进步一点。
展开
-
CSS计数器
计数器CSS 中的计数器本质上来说就是由 CSS 维护的变量，计数器的值可以通过 CSS 规则递增来跟踪计数器的使用次数，例如可以使用计数器来自动为网页中的标题编号。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-12-14 08:22:20 · 521 阅读 · 0 评论 -
CSS字体样式
字体样式：直接应用于字体的属性，一般是指 font 属性以及与 font 相关的 CSS 属性。例如设置字体大小、粗细等内容。font-family 属性 （字体）1 设置一个字体名或字体族名font-family 属性的值可以只设置一个字体名或字体族名这种方式。而 font-family 属性的值也可以划分为 2 种：字体族的名字。例如 Times 和 Helvetica 都是字体族名。字体族名必须是有效的。具体可以划分成如下几种情况：如果字体族名是一个或多个合法标识串构成的话原创 2021-10-31 20:30:54 · 567 阅读 · 0 评论 -
CSS字体样式
字体样式：直接应用于字体的属性，一般是指 font 属性以及与 font 相关的 CSS 属性。例如设置字体大小、粗细等内容。font-family 属性 （字体）1 设置一个字体名或字体族名font-family 属性的值可以只设置一个字体名或字体族名这种方式。而 font-family 属性的值也可以划分为 2 种：字体族的名字。例如 Times 和 Helvetica 都是字体族名。字体族名必须是有效的。具体可以划分成如下几种情况：如果字体族名是一个或多个合法标识串构成的话原创 2021-10-22 16:04:01 · 591 阅读 · 0 评论 -
CSS选择器优先级
CSS选择器优先级（1）CSS选择器都有权重值，权重值越大优先级越高。内联样式表的权重值最高，值为1000。id选择器的权重值为100。class选择器的权值为10。类型（元素）选择器的优先级为1。通配符选择器的优先级为0。（2）当权值相等时，后定义的样式表要优于先定义的样式表。（3）在同一组属性设置中表有**“!important"**规则的优先级最大。后代选择器CSS后代选择器指为某标签元素内的特定后代标签元素来定义其样式。在CSS后代选择器中，规则左边的选择器一端包含两个或多个原创 2021-04-30 16:47:44 · 52394 阅读 · 23 评论 -
sass学习笔记
scss编译的style有四种格式ested，嵌套conmpact， 紧凑expanded， 扩展compressed ， 压缩基础变量使用$定义变量$size:12px /* 可以在全局使用定义的变量 */div.dox{ whith:$size;}对应的cssdiv.dox{ whith:12px}嵌套.nav{ hight: 100px; ul { margin: 0; li{ float:lef原创 2021-04-27 09:14:04 · 372 阅读 · 0 评论 -
css3线性渐变
css线性渐变定义与用法linear-gradient() 函数用于创建一个线性渐变的 “图像”。为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡，并且你必须指定至少两种，当然也会可以指定更多的颜色去创建更复杂的渐变效果。语法linear-gradient([ <angle> | to <side-or-corner> ,]? <color-stop-list> ) &原创 2021-04-13 23:26:00 · 1095 阅读 · 5 评论 -
Flex布局（弹性盒子模型）
Flex（弹性盒子模型）布局属性分类弹性容器的相关属性属性属性说明flex-direction设置主轴方向，确定弹性子元素的排列方式flex-wrap当弹性子元素超出弹性容器范围时是否换行flex-flowflex-direction和flex-wrap的快捷方式，复合属性justify-content设置弹性子元素主轴上的对齐方式align-items设置弹性子元素侧轴上的对齐方式align-content侧轴上有空白时且有多行时，设置弹原创 2021-04-02 16:52:25 · 435 阅读 · 0 评论