MrAit

摘要： CSS 中文开发手册 网格 | @media.grid (Media Queries) - CSS 中文开发手册 @media.grid 该grid CSS @media媒体功能可用于应用基于输出设备是否使用基于位图的基于网格或屏幕的风格。 语法 该grid特征被指定为表示输出设备是否基于网格的值（0或1）。 例子 HTML I don't know if you're using a gr... 阅读全文

摘要： CSS 中文开发手册 缩放背景图像 | CSS Background and Borders: Scaling background images (Backgrounds & Borders) - CSS 中文开发手册 background-sizeCSS属性使得它可以调整背景图像的宽度和高度，从而覆盖在它们的全尺寸瓷砖背景图片的默认行为。您可以根据需要向上或向下缩放图像。 平铺一个大的图... 阅读全文

摘要： CSS 中文开发手册 线性梯度 | linear-gradient (Image Values) - CSS 中文开发手册 linear-gradient()创建两种或多种颜色之间的线性，渐进转换。其结果是数据类型的一个对象，这是一种特殊的类型。 /* A gradient tilted 45 degrees, starting blue and finishing red */line... 阅读全文

摘要： CSS 中文开发手册 纵横比 | @media.aspect-ratio (Media Queries) - CSS 中文开发手册 该aspect-ratio CSS @media媒体功能可用于应用基础上的纵横比视觉效果。 语法 该aspect-ratio特征被指定为 值表示表示视口的宽高比宽高比的值。这是一个范围功能，这意味着您也可以使用前缀min-aspect-ratio和max-asp... 阅读全文

摘要： CSS 中文开发手册 系统 | @counter-style.system (Counter Styles) - CSS 中文开发手册 system描述符指定要用于计数器的整数值转换为字符串表示的算法。它用于@counter-style定义已定义样式的行为。 /* Keyword values */system: cyclic;system: numeric;system: alphabet... 阅读全文

摘要： CSS 中文开发手册 类选择器 | Class selectors (Selectors) - CSS 中文开发手册 CSS 类选择器根据其class属性的内容匹配元素。 /* All elements with class="spacious" */.spacious { margin: 2em;}/* All elements with class="spacious" */li.s... 阅读全文

摘要： CSS 中文开发手册 类型选择器 | Type selectors (Selectors) - CSS 中文开发手册 CSS 类型选择器按节点名称匹配元素。换句话说，它选择文档中给定类型的所有元素。 /* All elements. */a { color: purple;} 语法 element { style properties } 实例 CSS span { backgroun... 阅读全文

摘要： CSS 中文开发手册 符号 | @counter-style.symbols (Counter Styles) - CSS 中文开发手册 symbols描述符用于指定指定的柜台系统将用来构造计数器表示的符号。符号可以是字符串，图像或标识符。描述符的值system是循环的，数字的，字母的，符号的或固定的，必须指定符号描述符。当使用添加剂系统时，使用additive-symbols描述符来指定符... 阅读全文

摘要： CSS 中文开发手册 空白 | white-space (Text) - CSS 中文开发手册 white-spaceCSS属性决定如何对元素内的空白进行处理。为了语句在中间断开，可以使用overflow-wrap，word-break或hyphens代替。 /* Keyword values */white-space: normal;white-space: nowrap;white-s... 阅读全文

摘要： CSS 中文开发手册 空单元 | empty-cells (Miscellaneous Level 2) - CSS 中文开发手册 empty-cells 该empty-cellsCSS属性指定用户端应该如何渲染周围的边框和背景有没有可见的内容的单元格。此属性时才适用border-collapse的separate。 /* Keyword values */empty-cells: show... 阅读全文

摘要： CSS 中文开发手册 矩阵 | matrix() (Transforms) - CSS 中文开发手册 该matrix() CSS函数定义了一个齐次2D变换矩阵。 注意： matrix(a, b, c, d, tx, ty)是matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1)的一个简写。 语法 该matrix()功能是用六个值指... 阅读全文

摘要： CSS 中文开发手册 相邻兄弟选择器 | Adjacent sibling selectors (Selectors) - CSS 中文开发手册 相邻兄弟组合因子（+）分隔两个选择器。仅当第二个元素直接跟随第一个元素，且两者都是相同父element的孩子节点时，它匹配该第二个元素。 /* Paragraphs that come immediately after any image */i... 阅读全文

摘要： CSS 中文开发手册 相抵路径 | offset-path (Motion Path) - CSS 中文开发手册 这是一种实验技术 由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以供使用。另外请注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 offset-pathCSS属性指定的元素定位偏移路径。精确元素在偏移路径上的位置由offset-distance... 阅读全文

摘要： CSS 中文开发手册 相抵距离 | offset-distance (Motion Path) - CSS 中文开发手册 这是一种实验技术 由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以供使用。另外请注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 草案 此页未完成。 该offset-distanceCSS属性指定沿的位置offset-path。 该规范... 阅读全文

摘要： CSS 中文开发手册 直列大小 | inline-size (Logical Properties) - CSS 中文开发手册 这是一种实验技术 由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以供使用。还要注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 inline-size属性定义一个元素的块的水平或垂直尺寸，这取决于它的写入模式。其对应于任一widt... 阅读全文

摘要： CSS 中文开发手册 盒装饰中断 | box-decoration-break (Fragmentation) - CSS 中文开发手册 这是一项实验技术 由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以供使用。另外请注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 box-decoration-breakCSS属性指定background，paddin... 阅读全文

摘要： CSS 中文开发手册 盒子阴影 | box-shadow (Backgrounds & Borders) - CSS 中文开发手册 box-shadowCSS 属性描述一个或多个阴影效果作为一个逗号分隔的列表。 /* offset-x | offset-y | color */box-shadow: 60px -16px teal;/* offset-x | offset-y | blur-... 阅读全文

摘要： CSS 中文开发手册 盒子模型 | box model (Miscellaneous Level 1) - CSS 中文开发手册 在布局文档时，浏览器的渲染引擎根据标准的CSS盒子模型将每个元素表示为矩形框。CSS确定这些框的大小，位置和属性（颜色，背景，边框尺寸等）。 每个盒子由四个部分（或区域）组成，由它们各自的边缘定义：content edge, padding edge, borde... 阅读全文

摘要： CSS 中文开发手册 百分比 | (Values & Units) - CSS 中文开发手册 CSS数据类型代表百分比值。许多CSS属性可以取值，通常可以定义相对于其父元素的大小。众多CSS属性可以使用百分比类型，例如width，margin，padding，和font-size。 注意：只有计算值可以被继承。因此，即使在父属性上使用的是百分比值，但在继承的属性上访问到的却是实际值（如以... 阅读全文

摘要： CSS 中文开发手册 用户选择 | user-select (Basic User Interface) - CSS 中文开发手册 这是一个实验技术 在使用此产品之前，请仔细检查浏览器兼容性表。 user-selectCSS属性控制用户是否可以选择文本。这对加载为chrome的内容没有任何影响，除了在文本框中。 /* Keyword values */user-select: none;us... 阅读全文