2020年7月1日

网格 | @media.grid (Media Queries) - CSS 中文开发手册 - Break易站

摘要: 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... 阅读全文

posted @ 2020-07-01 23:26 MrAit 阅读(270) 评论(0) 推荐(0)

缩放背景图像 | CSS Background and Borders: Scaling background images (Backgrounds & Borders) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:25 MrAit 阅读(139) 评论(0) 推荐(0)

线性梯度 | linear-gradient (Image Values) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:24 MrAit 阅读(1021) 评论(0) 推荐(0)

纵横比 | @media.aspect-ratio (Media Queries) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:17 MrAit 阅读(670) 评论(0) 推荐(0)

系统 | @counter-style.system (Counter Styles) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:16 MrAit 阅读(249) 评论(0) 推荐(0)

类选择器 | Class selectors (Selectors) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:15 MrAit 阅读(479) 评论(0) 推荐(0)

类型选择器 | Type selectors (Selectors) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:14 MrAit 阅读(529) 评论(0) 推荐(0)

符号 | @counter-style.symbols (Counter Styles) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:13 MrAit 阅读(239) 评论(0) 推荐(0)

空白 | white-space (Text) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:12 MrAit 阅读(289) 评论(0) 推荐(0)

空单元 | empty-cells (Miscellaneous Level 2) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:11 MrAit 阅读(209) 评论(0) 推荐(0)

矩阵 | matrix() (Transforms) - CSS 中文开发手册 - Break易站

摘要: 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()功能是用六个值指... 阅读全文

posted @ 2020-07-01 23:10 MrAit 阅读(293) 评论(0) 推荐(0)

相邻兄弟选择器 | Adjacent sibling selectors (Selectors) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:09 MrAit 阅读(346) 评论(0) 推荐(0)

相抵路径 | offset-path (Motion Path) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:08 MrAit 阅读(2038) 评论(0) 推荐(0)

相抵距离 | offset-distance (Motion Path) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:07 MrAit 阅读(562) 评论(0) 推荐(0)

直列大小 | inline-size (Logical Properties) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:06 MrAit 阅读(399) 评论(0) 推荐(0)

盒装饰中断 | box-decoration-break (Fragmentation) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:05 MrAit 阅读(237) 评论(0) 推荐(0)

盒子阴影 | box-shadow (Backgrounds & Borders) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:04 MrAit 阅读(290) 评论(0) 推荐(0)

盒子模型 | box model (Miscellaneous Level 1) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:03 MrAit 阅读(145) 评论(0) 推荐(0)

百分比 | <percentage> (Values & Units) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:02 MrAit 阅读(737) 评论(0) 推荐(0)

用户选择 | user-select (Basic User Interface) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 23:01 MrAit 阅读(382) 评论(0) 推荐(0)

用户界面 | CSS User Interface (Basic User Interface) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 用户界面 | CSS User Interface (Basic User Interface) - CSS 中文开发手册 CSS用户界面是一个CSS模块,它允许您定义与用户界面相关的特性的呈现和功能。 参照 优先 box-sizingcursoroutlineoutline-widthoutline-styleoutline-coloroutline-offsetre... 阅读全文

posted @ 2020-07-01 23:00 MrAit 阅读(160) 评论(0) 推荐(0)

用户定义 | custom-ident (Lists & Counters) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 用户定义 | custom-ident (Lists & Counters) - CSS 中文开发手册 CSS数据类型表示作为任意用户定义的字符串的标识符。它是区分大小写的,并且在各种情况下禁止某些值以防止含糊不清。 句法 其语法与CSS标识符(如属性名称)类似,区别在于区分大小写。A 是一个字符序列,字符可以是: 任何字母字符'A'到'Z',或'a'到'z',任何十进... 阅读全文

posted @ 2020-07-01 22:59 MrAit 阅读(261) 评论(0) 推荐(0)

用户变焦 | @viewport.user-zoom (Device Adaptation) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 用户变焦 | @viewport.user-zoom (Device Adaptation) - CSS 中文开发手册 user-zoom CSS描述符控制用户是否能够改变由@viewport所定义的文档的缩放因子。 /* Keyword values */user-zoom: zoom;user-zoom: fixed; Related at-rule @v... 阅读全文

posted @ 2020-07-01 22:58 MrAit 阅读(196) 评论(0) 推荐(0)

用多列布局 | CSS Columns: Using multi-column layouts (Multi-column Layout) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 用多列布局 | CSS Columns: Using multi-column layouts (Multi-column Layout) - CSS 中文开发手册 CSS多列布局的延伸块布局模式以允许文本的多个列的简单的定义。如果线条太长,人们就无法阅读文本; 如果眼睛从一条线的末端移动到另一条线的起始端需要很长的时间,那么它们就失去了他们所在的线路。因此,为了最大限... 阅读全文

posted @ 2020-07-01 22:57 MrAit 阅读(207) 评论(0) 推荐(0)

环境光照水平 | @media.light-level (Media Queries) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 环境光照水平 | @media.light-level (Media Queries) - CSS 中文开发手册 @media.light-level 非标准 这个功能是非标准的,不在标准轨道上。不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间也可能存在大的不兼容性,并且行为在未来可能会改变。 该light-level CSS @media媒体功能可用于... 阅读全文

posted @ 2020-07-01 22:56 MrAit 阅读(257) 评论(0) 推荐(0)

特定值 | specified value (Miscellaneous Level 2) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 特定值 | specified value (Miscellaneous Level 2) - CSS 中文开发手册 CSS属性的指定值是为属性显式设置的值,或者直接从样式表中设置,或者如果不存在于当前元素的样式中,则可能是从父元素中指定的值。选定的值以三种方式之一确定。 如果文档的样式表为该属性指定了一个值,那么它将被使用。例如; 如果该color属性设置为green... 阅读全文

posted @ 2020-07-01 22:55 MrAit 阅读(179) 评论(0) 推荐(0)

滤镜效果 | Filter Effects (Filter Effects) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 滤镜效果 | Filter Effects (Filter Effects) - CSS 中文开发手册 滤镜效果是CSS的一个模块,它定义了元素在文档中显示之前,对其渲染效果的一种处理方式。 参照系 特性 filter功能blur()%28滤镜#模糊%28%29%29brightness()%28滤光片#亮度%28%29%29contrast()%28滤镜#对比度%28... 阅读全文

posted @ 2020-07-01 22:54 MrAit 阅读(256) 评论(0) 推荐(0)

滤镜 | mask (Scalable Vector Graphics) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 滤镜 | mask (Scalable Vector Graphics) - CSS 中文开发手册 maskCSS属性通过部分或完全隐藏它改变的元件的可见性。这是通过在特定点掩蔽或裁剪图像来完成的。 /* Keyword values */mask: none;/* Image values */mask: url(mask.png); ... 阅读全文

posted @ 2020-07-01 22:53 MrAit 阅读(314) 评论(0) 推荐(0)

滚动行为 | scroll-behavior (Object Model View) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 滚动行为 | scroll-behavior (Object Model View) - CSS 中文开发手册 scroll-behavior由于导航或CSSOM滚动API,滚动发生时,CSS属性指定滚动框的滚动行为。任何其他滚动条,例如由用户执行的滚动条,都不受此属性的影响。在根元素上指定此属性时,它将应用于视口。 用户代理可能忽略此属性。 /* Keyword va... 阅读全文

posted @ 2020-07-01 22:52 MrAit 阅读(566) 评论(0) 推荐(0)

滚动界限终点 | scroll-snap-destination (Scroll Snap) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 滚动界限终点 | scroll-snap-destination (Scroll Snap) - CSS 中文开发手册 scroll-snap-destination 弃用 该功能已从Web标准中删除。尽管一些浏览器可能仍然支持,但它正在被丢弃。避免使用它并尽可能更新现有的代码; 请参阅本页面底部的兼容性表格来指导您的决定。请注意,此功能可能随时停止工作。 scroll... 阅读全文

posted @ 2020-07-01 22:50 MrAit 阅读(230) 评论(0) 推荐(0)

滚动界限种类 | scroll-snap-type (Scroll Snap) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 滚动界限种类 | scroll-snap-type (Scroll Snap) - CSS 中文开发手册 这是一种实验技术 由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以供使用。另外请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 该scroll-snap-type CSS属性定义捕捉点是如何严格的情况下,有一个滚动容器上强制执行... 阅读全文

posted @ 2020-07-01 22:48 MrAit 阅读(758) 评论(0) 推荐(0)

滚动界限坐标 | scroll-snap-coordinate (Scroll Snap) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 滚动界限坐标 | scroll-snap-coordinate (Scroll Snap) - CSS 中文开发手册 弃用 该功能已从Web标准中删除。尽管一些浏览器可能仍然支持,但它正在被丢弃。避免使用它并尽可能更新现有的代码; 请参阅本页面底部的兼容性表格来指导您的决定。请注意,此功能可能随时停止工作。 scroll-snap-coordinate CSS属性定义将... 阅读全文

posted @ 2020-07-01 22:46 MrAit 阅读(199) 评论(0) 推荐(0)

滑道可运行轨道 | ::-webkit-slider-runnable-track (Extensions) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 滑道可运行轨道 | ::-webkit-slider-runnable-track (Extensions) - CSS 中文开发手册 非标准 这个功能是非标准的,不在标准轨道上。不要在面向 Web 的生产站点上使用它:它不适用于每个用户。实现之间也可能存在很大的不兼容性,并且行为在未来可能会发生变化。 ::-webkit-slider-runnable-track ... 阅读全文

posted @ 2020-07-01 22:45 MrAit 阅读(569) 评论(0) 推荐(0)

溢出包装 | overflow-wrap (Text) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 溢出包装 | overflow-wrap (Text) - CSS 中文开发手册 该overflow-wrapCSS属性指定浏览器是否应该向语句中插入换行符,以防止文本溢出其内容框。与word-break相反,如果整个单词不能在没有溢出的情况下放在自己的行上,overflow-wrap只会创建一个中断。 /* Keyword values */overflow-wrap... 阅读全文

posted @ 2020-07-01 22:43 MrAit 阅读(557) 评论(0) 推荐(0)

溢出-y | overflow-y (Basic Box Model) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 溢出-y | overflow-y (Basic Box Model) - CSS 中文开发手册 当一个块级元素的内容在垂直方向发生溢出时,CSS属性overflow-y决定应该截断溢出内容,或者显示滚动条,或者直接显示溢出内容。 本文标题:溢出-y | overflow-y (Basic Box Model) – CSS 中文开发手册 - Break易站转载请保... 阅读全文

posted @ 2020-07-01 22:41 MrAit 阅读(132) 评论(0) 推荐(0)

溢出-x | overflow-x (Basic Box Model) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 溢出-x | overflow-x (Basic Box Model) - CSS 中文开发手册 当一个块级元素的内容在水平方向发生溢出时,CSS属性overflow-x决定应该截断溢出内容,或者显示滚动条,或者直接显示溢出内容。 本文标题:溢出-x | overflow-x (Basic Box Model) – CSS 中文开发手册 - Break易站转载请保... 阅读全文

posted @ 2020-07-01 22:40 MrAit 阅读(132) 评论(0) 推荐(0)

溢出 | overflow (Basic Box Model) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 溢出 | overflow (Basic Box Model) - CSS 中文开发手册 overflow属性指定当内容溢出其块级容器时,是否剪辑内容,显示滚动条或显示溢出的内容。 本文标题:溢出 | overflow (Basic Box Model) – CSS 中文开发手册 - Break易站转载请保留页面地址:https://www.breakyizhan... 阅读全文

posted @ 2020-07-01 22:38 MrAit 阅读(431) 评论(0) 推荐(0)

渐变 | <gradient> (Image Values) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 渐变 | (Image Values) - CSS 中文开发手册 css数据类型是css。由两种或更多种颜色之间的渐进式转换而成。CSS梯度没有内在维度也就是说,它没有自然的或优先的大小,也没有优先的比率。它的具体大小将与它所应用的元素的大小相匹配。 与涉及颜色的任何插值一样,在alpha预乘颜色空间中计算渐变。这样可以防止在颜色和不透明度变化时(除了在较旧的浏览器中... 阅读全文

posted @ 2020-07-01 22:36 MrAit 阅读(163) 评论(0) 推荐(0)

添加符号 | @counter-style.additive-symbols (Counter Styles) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 添加符号 | @counter-style.additive-symbols (Counter Styles) - CSS 中文开发手册 additive-symbols描述符定义符号,用于值可累积的可数的system的项 。additive-symbols定义累积的的元组(tuples),每个元组项都包含一个符号和一个非负整数的权重。additive system... 阅读全文

posted @ 2020-07-01 22:35 MrAit 阅读(241) 评论(0) 推荐(0)

混合模式 | mix-blend-mode (Compositing & Blending) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 混合模式 | mix-blend-mode (Compositing & Blending) - CSS 中文开发手册 mix-blend-modeCSS 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。 /* Keyword values */mix-blend-mode: normal;mix-blend-mode: multiply;mix-... 阅读全文

posted @ 2020-07-01 22:33 MrAit 阅读(344) 评论(0) 推荐(0)

混合模式 | blend-mode (Compositing & Blending) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 混合模式 | blend-mode (Compositing & Blending) - CSS 中文开发手册 这个词关键是一组描述混合模式的类型。 混合模式是当层重叠时计算像素最终颜色值的方法,每种混合模式采用前景和背景颜色值(分别为顶部颜色和底部颜色),执行其计算并返回颜色值。最终的可见层是对混合层中的每个重叠像素执行混合模式计算的结果。 语法 使用一个简单的值定义... 阅读全文

posted @ 2020-07-01 22:31 MrAit 阅读(518) 评论(0) 推荐(0)

浮动 | float (Basic Box Model) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 浮动 | float (Basic Box Model) - CSS 中文开发手册 float CSS属性指定一个元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素从网页的正常流动中移除,尽管仍然保持部分的流动性(与绝对定位相反)。 本文标题:浮动 | float (Basic Box Model) – CSS 中文开发手册 - Break易站转载请... 阅读全文

posted @ 2020-07-01 22:30 MrAit 阅读(112) 评论(0) 推荐(0)

浏览器兼容性表 | @document (Miscellaneous) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 浏览器兼容性表 | @document (Miscellaneous) - CSS 中文开发手册 这是一种实验技术 由于该技术的规格不稳定,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。 本文标题:浏览器兼容性表 | @document (Miscellan... 阅读全文

posted @ 2020-07-01 22:28 MrAit 阅读(153) 评论(0) 推荐(0)

沿着内联轴溢出初始包含块 | @media.overflow-inline (Media Queries) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 沿着内联轴溢出初始包含块 | @media.overflow-inline (Media Queries) - CSS 中文开发手册 overflow-inline CSS @media媒体功能可基于所述输出设备如何处理溢出沿字形轴包含块的初始内容样式,来提供样式。 语法 该overflow-inline功能被指定为从下面的列表中选择的关键字值。 none内联轴溢出的内... 阅读全文

posted @ 2020-07-01 22:26 MrAit 阅读(197) 评论(0) 推荐(0)

沿块轴线溢出初始包含块 | @media.overflow-block (Media Queries) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 沿块轴线溢出初始包含块 | @media.overflow-block (Media Queries) - CSS 中文开发手册 @media.overflow-block overflow-block CSS @media媒体功能可基于所述输出设备如何处理沿块轴线包含块的初始内容样式的溢出,来提供样式。 语法 该overflow-block功能被指定为从下面的列表中选... 阅读全文

posted @ 2020-07-01 22:25 MrAit 阅读(177) 评论(0) 推荐(0)

比率 | <ratio> (Media Queries) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 比率 | (Media Queries) - CSS 中文开发手册 CSS数据类型,用于描述媒体查询的纵横比,表示两个无单位值之间的比例。 语法 比率由的组成为:严格的正数 ,以及后面斜杠 ('/', Unicode U+002F SOLIDUS),和后面第二个严格的正数 斜杠前后的空格是可选的。第一个数字代表宽度,第二个数字表示高度。 实例 ​ Rati... 阅读全文

posted @ 2020-07-01 22:23 MrAit 阅读(273) 评论(0) 推荐(0)

检测CSS动画的支持 | CSS Animations: Detecting CSS animation support (Animations & Transitions) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 检测CSS动画的支持 | CSS Animations: Detecting CSS animation support (Animations & Transitions) - CSS 中文开发手册 CSS 动画 使仅用CSS属性来使内容呈现动画效果成为一种可能,然而,某些时候CSS动画属性并不能生效,此时,我们希望能够通过javascript代码来实现相似的动画效果... 阅读全文

posted @ 2020-07-01 22:21 MrAit 阅读(144) 评论(0) 推荐(0)

框模型 | CSS Box Model (Basic Box Model) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 框模型 | CSS Box Model (Basic Box Model) - CSS 中文开发手册 CSS Box Model是CSS的一个模块,它定义了矩形框(包括它们的填充和边距),它们是根据可视化格式模型为元素生成的。 参照 属性 控制框中内容流的属性 box-sizingoverflowoverflow-xoverflow-y 控制框大小的属性。 height... 阅读全文

posted @ 2020-07-01 22:12 MrAit 阅读(156) 评论(0) 推荐(0)

格行开始 | grid-row-start (Grid Layout) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 格行开始 | grid-row-start (Grid Layout) - CSS 中文开发手册 grid-row-start通过贡献一条线,一个跨度,或全无(自动)将其放置网格,从而指定其的直列起始沿指定网格行内的网格项的开始位置网格区域。 /* Keyword value */grid-row-start: auto;/* values */grid-row-st... 阅读全文

posted @ 2020-07-01 22:11 MrAit 阅读(368) 评论(0) 推荐(0)

格列隙 | grid-row-gap (Grid Layout) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 格列隙 | grid-row-gap (Grid Layout) - CSS 中文开发手册 grid-row-gap属性在网格之间的装订线 /* values */grid-row-gap: 20px;grid-row-gap: 1em;grid-row-gap: 3vmin;grid-row-gap: 0.5cm;/* value */grid-row-gap: ... 阅读全文

posted @ 2020-07-01 22:09 MrAit 阅读(217) 评论(0) 推荐(0)

格列隙 | grid-column-gap (Grid Layout) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 格列隙 | grid-column-gap (Grid Layout) - CSS 中文开发手册 grid-column-gap指定装饰之间的网列。 /* values */grid-column-gap: 20px;grid-column-gap: 1em;grid-column-gap: 3vmin;grid-column-gap: 0.5cm;/* value... 阅读全文

posted @ 2020-07-01 22:07 MrAit 阅读(221) 评论(0) 推荐(0)

格列端 | grid-column-end (Grid Layout) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 格列端 | grid-column-end (Grid Layout) - CSS 中文开发手册 grid-column-end通过贡献一条线,一个跨度,或全无(自动)将其放置网格,从而指定其的块尾端指定网格列内的网格项的结束位置网格区域。 /* Keyword value */grid-column-end: auto;/* values */grid-column... 阅读全文

posted @ 2020-07-01 22:05 MrAit 阅读(207) 评论(0) 推荐(0)

格列开始 | grid-column-start (Grid Layout) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 格列开始 | grid-column-start (Grid Layout) - CSS 中文开发手册 grid-column-start通过贡献线,跨度,或没有(自动)将其放置格指定网格列内的网格项目的起始位置。该起始位置定义了网格区域的块起始边缘。 /* Keyword value */grid-column-start: auto;/* value */grid... 阅读全文

posted @ 2020-07-01 22:04 MrAit 阅读(381) 评论(0) 推荐(0)

标题端 | caption-side (Miscellaneous Level 2) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 标题端 | caption-side (Miscellaneous Level 2) - CSS 中文开发手册 caption-side 该caption-side CSS属性,将一个表的内容在指定的一面。这些值是相对于writing-mode表的。 /* Directional values */ caption-side: top; caption-side: bo... 阅读全文

posted @ 2020-07-01 22:02 MrAit 阅读(170) 评论(0) 推荐(0)

标记 | ::marker (Lists & Counters) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 标记 | ::marker (Lists & Counters) - CSS 中文开发手册 这是一种实验技术 由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以供使用。另外请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 ::marker元素代表一个列表项的标记框()。标记通常是一个项目符号或数字。 ::marker { color... 阅读全文

posted @ 2020-07-01 22:00 MrAit 阅读(595) 评论(0) 推荐(0)

标签尺寸 | tab-size (Text) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 标签尺寸 | tab-size (Text) - CSS 中文开发手册 这是一种实验技术 由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以查阅用法。另外请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 该tab-sizeCSS属性用于定制选项卡(U+0009)字符的宽度。 /* values */tab-size: 4;tab-s... 阅读全文

posted @ 2020-07-01 21:59 MrAit 阅读(304) 评论(0) 推荐(0)

条件规则 | CSS Conditional Rules (Conditional Rules) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 条件规则 | CSS Conditional Rules (Conditional Rules) - CSS 中文开发手册 CSS条件规则是一个CSS模块,它允许定义一组规则,而这些规则将仅基于处理器的功能或样式表所应用的文档来应用。 参照 At-rules @document@media@supports 指南 None. 规范 Specification ... 阅读全文

posted @ 2020-07-01 21:57 MrAit 阅读(242) 评论(0) 推荐(0)

未设置 | unset (Cascading & Inheritance) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 未设置 | unset (Cascading & Inheritance) - CSS 中文开发手册 unsetCSS关键词当它从其父继承了继承值,而其初始值没有,则unset重置属性。换句话说,它inherit在第一种情况下就像initial关键字,而在第二种情况下就像关键字一样。它可以应用于任何CSS属性,包括CSS简写all。 示例 颜色 .foo { colo... 阅读全文

posted @ 2020-07-01 21:55 MrAit 阅读(204) 评论(0) 推荐(0)

最小高度 | @viewport.min-height (Device Adaptation) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 最小高度 | @viewport.min-height (Device Adaptation) - CSS 中文开发手册 min-heightCSS描述符指定通过@viewport的at-rule定义的一个文件视区的最小高度。 考虑到最小高度限制,最初将高度设置为尽可能接近初始视口高度。 Related at-rule @viewport 初始值 ... 阅读全文

posted @ 2020-07-01 21:54 MrAit 阅读(174) 评论(0) 推荐(0)

最小直列大小 | min-inline-size (Logical Properties) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 最小直列大小 | min-inline-size (Logical Properties) - CSS 中文开发手册 这是一种实验技术 由于此技术%27s规范尚未稳定,请检查兼容性表在各种浏览器中使用。还要注意的是,随着规范的改变,实验技术的语法和行为可能会在未来版本的浏览器中发生变化。 大min-inline-sizeCSS属性定义元素%27s块的水平或垂直最小大小,... 阅读全文

posted @ 2020-07-01 21:52 MrAit 阅读(313) 评论(0) 推荐(0)

最小宽度 | @viewport.min-width (Device Adaptation) - CSS 中文开发手册 - Break易站

摘要: CSS 中文开发手册 最小宽度 | @viewport.min-width (Device Adaptation) - CSS 中文开发手册 min-widthCSS描述符指定通过@viewport所定义的文档的视口的最小宽度。 默认情况下,min-width考虑到最小宽度约束,将其设置为尽可能接近初始视口。 Related at-rule @viewport 初始值 ... 阅读全文

posted @ 2020-07-01 21:50 MrAit 阅读(526) 评论(0) 推荐(0)

最小块大小 | min-block-size (Logical Properties) - CSS 中文开发手册 - Break易站

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

posted @ 2020-07-01 21:49 MrAit 阅读(383) 评论(0) 推荐(0)

导航