MrAit

摘要： CSS 中文开发手册 背景和边框 | CSS Backgrounds and Borders (Backgrounds & Borders) - CSS 中文开发手册 CSS背景和边框是CSS的一个模块，可以让你设计元素的背景和边框。背景可以填充颜色或图像，剪裁或调整大小，或者修改。边框可以用线条或图像装饰，并做成正方形或圆形。此外，元素盒可以用阴影装饰。 参照 CSS属性 backgrou... 阅读全文

摘要： CSS 中文开发手册 背景和边框 | CSS Background and Borders (Backgrounds & Borders) - CSS 中文开发手册 CSS背景和边框是CSS的一个模块，可以让你设计元素的背景和边框。背景可以填充颜色或图像，剪裁或调整大小，或者修改。边框可以用线条或图像装饰，并做成正方形或圆形。此外，元素盒可以用阴影装饰。 参照 CSS属性 backgroun... 阅读全文

摘要： CSS 中文开发手册 背景位置-y | background-position-y (Backgrounds & Borders) - CSS 中文开发手册 background-position-y属性用于设置初始状态时背景图片在垂直方向上的位置,这个位置相对于通过background-origin定义的背景层的原点进行定位. 需要获得更多的信息可以查看background-posit... 阅读全文

摘要： CSS 中文开发手册 背景位置-x | background-position-x (Backgrounds & Borders) - CSS 中文开发手册 background-position-xCSS 属性设置水平方向的位置，与每个背景图片等位置层设置属性background-origin相关。更多信息请查看background-position属性，这个用的比较普遍。 本文标... 阅读全文

摘要： CSS 中文开发手册 背景 | background (Backgrounds & Borders) - CSS 中文开发手册 CSS background速记属性允许您一次调整所有可用的背景样式选项，包括彩色图像，原点和大小，重复方法以及其他功能。background可用于对一个或多个设置值：background-clip，background-color，background-image... 阅读全文

摘要： CSS 中文开发手册 背景 | ::backdrop (Fullscreen API) - CSS 中文开发手册 这是一种实验技术 由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以供使用。另外请注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。 ::backdropCSS pseudo-element是在呈现的任何元件下方立即呈现的框全屏模式（以上栈中的任何... 阅读全文

摘要： CSS 中文开发手册 网格，逻辑值和写入模式 | CSS Grid Layout: CSS Grid, Logical Values and Writing Modes (Grid Layout) - CSS 中文开发手册 在这些指南中，我已经讨论了网格布局的一个重要特性：支持规范中内置的不同编写模式。对于本指南，我们将研究网格和其他现代布局方法的这一特性，学习一些关于编写模式和逻辑与物理属... 阅读全文

摘要： CSS 中文开发手册 网格行结束 | grid-row-end (Grid Layout) - CSS 中文开发手册 grid-row-end通过贡献一条线，一个跨度，或全无（自动）将其放置网格，从而指定其的一字形端边缘指定网格行内的网格项的结束位置网格区域。 /* Keyword value */grid-row-end: auto;/* values */grid-row-end: s... 阅读全文

摘要： CSS 中文开发手册 网格行 | grid-row (Grid Layout) - CSS 中文开发手册 grid-row是一个速记属性grid-row-start和grid-row-end通过贡献一条线，一个跨度，或全无（自动），以它的网格位置，从而指定的直列开始和直列端缘指定网格行内的网格项的大小和位置其网格面积。 /* Keyword values */grid-row: auto;g... 阅读全文

摘要： CSS 中文开发手册 网格自动行 | grid-auto-rows (Grid Layout) - CSS 中文开发手册 grid-auto-rows属性指定隐式创建的网格行跟踪的大小。 /* Keyword values */grid-auto-rows: min-content;grid-auto-rows: max-content;grid-auto-rows: auto;/* va... 阅读全文

摘要： CSS 中文开发手册 网格自动流 | grid-auto-flow (Grid Layout) - CSS 中文开发手册 grid-auto-flow控制自动布局算法如何工作，指定自动放置项目将究竟是如何流入网格。 /* Keyword values */grid-auto-flow: row;grid-auto-flow: column;grid-auto-flow: dense;grid... 阅读全文

摘要： CSS 中文开发手册 网格自动列 | grid-auto-columns (Grid Layout) - CSS 中文开发手册 该grid-auto-columnsCSS属性指定的隐含创建的网格列的大小轨道。 /* Keyword values */grid-auto-columns: min-content;grid-auto-columns: max-content;grid-auto-... 阅读全文

摘要： CSS 中文开发手册 网格模板行 | grid-template-rows (Grid Layout) - CSS 中文开发手册 grid-template-rows定义的行名称和跟踪的大小功能的网格行 /* Keyword value */grid-template-rows: none;/* values */grid-template-rows: 100px 1fr;grid-tem... 阅读全文

摘要： CSS 中文开发手册 网格模板区 | grid-template-areas (Grid Layout) - CSS 中文开发手册 grid-template-areasCSS属性指定命名网格区域。 /* Keyword value */grid-template-areas: none;/* values */grid-template-areas: "a b";grid-templat... 阅读全文

摘要： CSS 中文开发手册 网格模板区 | CSS Grid Layout: Grid Template Areas (Grid Layout) - CSS 中文开发手册 在前指南我们研究了网格线，以及如何在这些行中定位项目。当您使用CSSGrid布局时，您总是有行的，这可以是一种简单的将项放置在网格中的方法。但是，有一种替代方法可用于在网格上定位项目，可以单独使用，也可以与基于行的放置结合使用。... 阅读全文

摘要： CSS 中文开发手册 网格模板列 | grid-template-columns (Grid Layout) - CSS 中文开发手册 grid-template-columns定义的行名称和跟踪的大小功能网格列 /* Keyword value */grid-template-columns: none;/* values */grid-template-columns: 100px 1... 阅读全文

摘要： CSS 中文开发手册 网格模板 | grid-template (Grid Layout) - CSS 中文开发手册 grid-templateCSS属性是定义一个网格列，行和领域的速记属性。 /* Keyword value */grid-template: none;/* grid-template-rows / grid-template-columns values */grid-t... 阅读全文

摘要： CSS 中文开发手册 网格布置中的框对齐方式 | CSS Grid Layout: Box Alignment in CSS Grid Layout (Grid Layout) - CSS 中文开发手册 如果您熟悉flexbox，那么您可能已经知道了让flex项目在Flex容器内正确对齐的方法。我们在flexbox规范中首次遇到的这些对齐属性已被移入一个称为Box Alignment Lev... 阅读全文

摘要： CSS 中文开发手册 网格布局和辅助功能 | CSS Grid Layout: CSS Grid Layout and Accessibility (Grid Layout) - CSS 中文开发手册 我们这些从事Web开发多年的人可能会认为CSS Grid有点像使用“表格来布局”。在Web设计的早期，我们构建页面布局的方法是使用HTML表，然后将我们的设计分解到这些表的单元格中，以便创建布... 阅读全文

摘要： CSS 中文开发手册 网格布局和渐进增强 | CSS Grid Layout: CSS Grid and Progressive Enhancement (Grid Layout) - CSS 中文开发手册 在2017的春天，我们第一次看到像Grid这样的主要规范几乎同时发布到浏览器中，我们很快就会在火狐、Chrome、Opera和Safari的公共版本中提供CSSGrid布局支持。然而，虽... 阅读全文

摘要： CSS 中文开发手册 网格布局中自动放置 | CSS Grid Layout: Auto-placement in CSS Grid Layout (Grid Layout) - CSS 中文开发手册 除了能够将项目准确地放置到创建的网格上外, CSS 网格布局规范还包含控制在创建网格时发生的情况以及不放置部分或全部子项的规则。您可以通过在一组项上创建网格, 以最简单的方式看到在操作中自动放... 阅读全文

摘要： CSS 中文开发手册 网格布局与其他布局方法的关系 | CSS Grid Layout: Relationship of Grid Layout (Grid Layout) - CSS 中文开发手册 CSS网格布局被设计为与CSS的其他部分一起工作，作为完成布局的完整系统的一部分。在本指南中，我将解释网格是如何与您可能已经使用的其他技术结合在一起的。 网格和挠曲箱 CSS网格布局与CSS F... 阅读全文

摘要： CSS 中文开发手册 网格布局 | CSS Grid Layout (Grid Layout) - CSS 中文开发手册 CSS网格布局擅长将页面划分区域，或根据HTML原语构建的控件的各个部分之间的大小、位置和层定义关系。 与表一样，网格布局使作者能够将元素对齐为列和行。然而，与表相比，CSS网格的布局可能更多，或者更容易。例如，网格容器%27s子元素可以将自己定位为实际重叠和层，类似于C... 阅读全文

摘要： CSS 中文开发手册 网格差距 | grid-gap (Grid Layout) - CSS 中文开发手册 grid-gap属性是一个简写属性grid-row-gap /* One value */grid-gap: 20px;grid-gap: 1em;grid-gap: 3vmin;grid-gap: 0.5cm;/* One value */grid-gap: 16%;grid-g... 阅读全文

摘要： CSS 中文开发手册 网格区域 | grid-area (Grid Layout) - CSS 中文开发手册 该grid-areaCSS属性是一个速记属性grid-row-start，grid-column-start，grid-row-end并且grid-column-end，指定范围内的网格项目的大小和位置网格行通过贡献线，跨度，或没有（自动），以它的网格布局，从而确定其边缘网格区域。 ... 阅读全文

摘要： CSS 中文开发手册 网格列 | grid-column (Grid Layout) - CSS 中文开发手册 grid-column是grid-column-start和grid-column-end的一个速记属性指定内的网格项的大小和位置网格行通过贡献一条线，一个跨度，或全无（自动），以它的网格位置，从而指定的直列开始和直列端部边缘其网格面积。 /* Keyword values */g... 阅读全文

摘要： CSS 中文开发手册 网格 | grid (Grid Layout) - CSS 中文开发手册 gridCSS属性是一个简写属性，并将所有明确的网格特性（grid-template-rows，grid-template-columns，和grid-template-areas），所有的隐含网格属性（grid-auto-rows，grid-auto-columns，和grid-auto-flo... 阅读全文

摘要： CSS 中文开发手册 网格 | CSS Grid (Grid Layout) - CSS 中文开发手册 CSS网格布局擅长将页面划分区域，或根据HTML原语构建的控件的各个部分之间的大小、位置和层定义关系。 像表格一样，网格布局使作者能够将元素对齐到列和行中。但是，使用CSS网格的布局要比使用表格要多得多。例如，一个网格容器的子元素可以自己定位，因此它们实际上是重叠的，并且与CSS定位的元素... 阅读全文