css理论与实战

块级方向与行内方向 块级方向：当前书写模式放置块级元素的方向。例如：中文中的段落是从上到下放置的，块级方向就是自上而下，纵向的。 行内方向：块级

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第N天，点击查看活动详情 关键字 一些特殊意义的字符串，这些字符串表示特定的值。 例如： none，underline等 绝对单位

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 什么是页面文档 你可以简单地理解为你打开的网页，整个网页就是一个页面文档。 元素 定义 元素是文档文件的组

css的应用方式 使用link标签的外部样式表的应用 什么是外部样式表 所谓外部样式表就是我们在项目中单独书写的css样式文件，该文件专门用于规定元素的显示样式，后缀为.css 注释为/*注释内容*/

层叠 术语说明 css声明 指的是一组css规则，由选择器和花括号括住的规则组成。 css规则 指的是声明中的某个属性的样式的一条描述。 上述代码中，color:black;就是一条规则。 作用与定义

什么是媒体查询 有时候我们在浏览网页的时候并不会将浏览器放大到全屏，而是缩成一小块，方便我们在查看浏览器内容时，做一些别的事。有时候我们还会改变浏览器的显示比例。但是这些操作都会影响整体网页的显示，若

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情 选择器作用 css主要是借助规则去给HTML页面的元素进行样式的规定。而一个元素一个元素去规定无疑是耗时、

如何理解简单文档结构中的父子关系 组合器介绍 后代选择器 选择子元素 子代连结符 选择紧邻同胞元素 紧邻同胞连结符 选择后续同胞元素 一般同胞连结符

伪类选择器介绍 伪类选择器的拼接 伪类统一用法 结构伪类 选择根元素:root 选择空元素:empty 除了:empty剩余伪类完全忽略文本节点 选择唯一子代:only-child 选择唯一指定子代:

:where()伪类 语法 该伪类接受选择器列表作为它的参数，将会选择所有能被该选择器列表中任何一条规则选中的元素。 选择器列表是由多个选择器以逗号作为分隔符的列表。 优先级【特指度】 优先级为0 该

动态伪类 定义 与网页文档的结构有关，但是会根据文档的动态变化而改变选中内容的伪类为动态伪类。该类伪类很难仅仅通过文档的标记来准确推测出选择器选中的为哪些元素。 超链接伪类 定义 CSS2.1中定义的

url结构解析 来源说明 格式 URL的一般格式为（[]内的为可选）: protocol://hostname[:port]/path/[;parameters][?query]#fragment 使

伪元素和伪类写法和作用相似，伪元素为了实现特定的效果，它会在文档中插入一个虚拟的元素，和伪类生成的幽灵类的概念类似。常见伪元素 装饰首字母::first-letter 装饰首行::first-lin

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 字体族 font-family 什么是字体族 通用字体族 为了覆盖所有情况，css定义了5种通用字体族:

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 字重 font-weight 继承性与动画性 可继承，不可动画 初始值 normal 适用元素 适用于所有

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 字形 font-style 作用 指定字体的形态为常规【normal】、斜体【italic】还是倾斜体【o

字体合成font-synthesis 作用 控制浏览器可以合成（synthesize）字体缺失的粗体或斜体。 大多数标准西方字体包含斜体和粗体变体，但许多新颖的非标准西方字体不包括斜体和粗体变体。用于

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 如何在网页中使用自定义的字体 使用@font-face规则。 @font-face 作用 让你在网页中可以