标签：CSS
CSS基础学习：文本样式
1、文本缩进: text-indent 缩进段落的第一行 属性名: text-indent 取值: 数字+px 数字+em (推荐: 1em = 当前标签的font-size的大小，1em就是一个字的大小) 2、文本水平对齐方式: text-align 属性名: text-align 取值 属性值 效 ...
CSS基础学习：文字样式
1、文字大小 font-size 属性名: font-size 取值: 数字 + px 注意点: 谷歌浏览器默认文字大小是16px 单位需要设置，否则无效 2、文字粗细 font-weight 属性名: font-weight 取值: 关键字 正常 normal 加粗 bold (和 700 ...
CSS基础学习：选择器
CSS中，选择器用来指定网页上我们想要样式化的HTML元素。 1、元素选择器 又称标签选择器 结构: 标签名{ css属性名: 属性值; } 作用:通过标签名，找到页面中所有这类标签，设置样式 注意点 标签选择器选择的是一类标签，而不是单独某一个 标签选择器无论嵌套关系有多深，都能找到对应的标签 实例： h1 ...
CSS基础学习：CSS 的引入方式
CSS（层叠样式表）可以通过以下几种方式进行引入： 外部样式表 又称外联式将CSS代码保存在一个独立的CSS文件中，然后使用<link>标签将该文件引入到HTML文件中。示例代码如下： <link rel="stylesheet" type=text/css href="styles.css"&g ...
收集各种 CSS 特效和组件的网站，直接复制代码就可以拿去使用
1、一款生成 CSS box 阴影的在线可视化工具。 可以设置多层阴影，可以复制 TailwindCSS JIT 模式的代码和纯 CSS 代码。 Box Shadows for TailwindCSS 2、CSS 实现的 checkbox 样式集合 CSS Scan 3、各种 CSS 特效和组件 uiverse A ...
CSS 级联算法中的特异性介绍
特异性 特异性是级联算法的一个关键部分，本节内容将深入了解特异性。 上一节，介绍了级联算法，级联算法是为了解决css规则冲突的算法。而特异性作为其中一个重要部分，我们有必要去弄懂它。 假设有如下css和html： <button class="branding">color?</button> ...
CSS 优先级规则 - 级联
级联 有时候，有多个相同的css规则可以被应用于同一个元素。此时浏览器需要使用级联算法确定最后使用哪一个css规则进行页面渲染。 css是级联样式表（Cascading Stylesheets）。级联是解决当多个css规则被同时应用于一个html元素时产生的冲突的一种算法。正因为级联，下面的按钮才会被渲染成蓝色： &l ...