CSS 进阶篇
关注
分享
扫一扫
文章平均质量分 53
实例 + 原理，CSS 轻松进阶
feelang
十年+编程经验，精通多种编程语言和框架，热衷科普，希望帮助别人透过现象看本质。
展开
-
CSS进阶篇——布局 (Layout)
现代 CSS 让页面布局变得非常简单，当年只能 HTML tables 和切图的时代已经一去不复返。原创 2022-09-30 14:48:51 · 1450 阅读 · 0 评论 -
CSS进阶篇——伪元素 (pseudo elements)
伪元素（pseudo elements）和伪类（pseudo classes）非常相像，都是依附在选择器上使用。原创 2022-09-30 11:45:50 · 359 阅读 · 0 评论 -
CSS进阶篇——展示 (display)
HTML 元素最常用的展示方式有内联（inline）、区块（block）和不展示（none）。它们可以通过display属性来控制，对应的值分别为inline、block和none。原创 2022-09-30 11:42:09 · 758 阅读 · 0 评论 -
CSS进阶篇——具体性 (specificity)
如果同一个 HTML 元素上有多个 CSS 规则，当它们互相冲突时，浏览器会遵循一定的规则来找到最具体的那条规则，并舍弃与之冲突的其它规则。这个功能在 CSS 比较少的情况下，用处不大，因为几乎不会有冲突。但随着 CSS 越来越复杂，文件越来越多，发生冲突的可能性就会变大，这个功能就会变得很重要。原创 2022-09-30 11:36:02 · 377 阅读 · 0 评论 -
CSS进阶篇——背景图
还可以用于列表元素，甚至搜索框内展示图标也可以借此实现。属性可应用于绝大部分 HTML 元素，除了最常用的。CSS 的背景图片也有这个功能，但用法却截然不同。标签，可以用来展示图片，提高页面的丰富度。我们知道，html 有一个。原创 2022-09-30 11:33:25 · 166 阅读 · 0 评论 -
CSS进阶篇——简写属性 (shorthand properties)
有些情况下，多个 CSS 属性值可以整合成一串值，每个值之间用空格隔开。原创 2022-09-29 18:30:56 · 404 阅读 · 0 评论 -
CSS进阶篇——伪类 (pseudo classes)
伪类（pseudo classes）要和选择器捆绑使用，用于表示某种状态（state）或关系（relation）。它的形式是「选择器:冒号:伪类」。原创 2022-09-29 18:17:04 · 685 阅读 · 1 评论 -
CSS进阶篇——分组和嵌套
分组和嵌套可以让代码更易于维护，无论是 HTML 代码还是 CSS 代码。原创 2022-09-28 14:29:18 · 606 阅读 · 0 评论 -
CSS进阶篇——类和ID选择器
在 CSS 基础教程中，我们学会了如何使用 HTML 选择器。这一篇我们继续讲解另外两种选择器 - class和 ID。有了它们，我们就可以为同一种 HTML 标签指定不同的样式。原创 2022-09-28 14:20:34 · 2398 阅读 · 0 评论