文章标签：CSS

找到 111 篇文档

CSS/float CSS的 float 属性可以使一个元素脱离正常的文档流，然后被安放到它所在容器的的左端或者右端，并且其他的文本和行内元素围绕它安放。
Learn/CSS 层叠样式表— or CSS — 是你在 HTML 之后应该学习的第二门技术. Whereas HTML is used to define the structure and ...
Learn/CSS/CSS_layout At this point we've already looked at CSS fundamentals, how to style text, and how to style and ...
Learn/CSS/CSS_layout/Grids Having read this article you should now have an understanding of how grid layouts, and grid ...
Learn/CSS/Introduction_to_CSS CSS is used to style and lay out webpages — for example to alter the font, color, size and ...
Properly_Using_CSS_and_JavaScript_in_XHTML_Documents XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) 定义XHTML是为了把HTML 4扩展成像XML ...
Properly_Using_CSS_and_JavaScript_in_XHTML_Documents/Examples This page contains the source code of the examples related to the " Properly Using CSS and ...
Tools/Page_Inspector/How_to/Examine_and_edit_CSS 在查看器的 CSS面板，你可以查看和编辑CSS。
Web/CSS 层叠样式表 (Cascading Style Sheets)，常缩写为 CSS，是一门样式表 (stylesheet) 语言，用来描述 HTML 、 XML （包括各种 XML 语言如 ...
Web/CSS/-moz-appearance -moz-appearance CSS 属性适用于基于Gecko内核的浏览器（火狐），使页面元素以操作系统平台的原生的UI样式展现。
Web/CSS/-webkit-overflow-scrolling -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.
Web/CSS/:-moz-placeholder :-moz-placeholder 伪类控制元素所显示的文字占位符文字占位符 . 它允许开发者/设计师改变文字占位符样式. ...
Web/CSS/::-moz-placeholder ::-moz-placeholder ...
Web/CSS/::selection ::selection CSS伪元素应用于文档中被用户高亮的部分（比如使用鼠标或其他选择设备选中的部分）。
Web/CSS/:empty :empty 伪类代表没有子元素的元素。这里说的子元素，只计算元素结点及文本（包括空格），注释、运行指令不考虑在内。
Web/CSS/:enabled CSS 伪类 :enabled 表示任何启用的（enabled）元素。如果一个元素能够被激活（如选择、点击或接受文本输入）或获取焦点，则该元素是启用的。元素还有一个禁用的状态（disabled ...
Web/CSS/:only-of-type CSS 伪类 :only-of-type 代表了任意一个元素，这个元素没有其他相同类型的兄弟元素。
Web/CSS/@import @import 是 CSS @规则，用于加载外部层叠样式表。@import规则必须放在其他除了 @charset 规则以外的CSS规则的前面；@import规则不可嵌套于条件规则组中。
Web/CSS/@media The @media CSS at-rule associates a set of nested statements, in a CSS block that is delimited ...
Web/CSS/@namespace @namespace 是一条 @规则，用来定义使用在 CSS 样式表中的 XML命名空间。定义好的命名空间可以用来限定通配、元素（类型）、和属性选择器 ...
Web/CSS/@viewport The @viewport CSS at-rule contains a set of nested descriptors in a CSS block that is delimited ...
Web/CSS/@viewport/orientation 此 orientation CSS 描述符控制由 @viewport 定义文档的方向。
Web/CSS/Adjacent_sibling_selectors 这被称为一个相邻选择器. 它只会匹配紧跟其前方元素的同胞元素.
Web/CSS/animation css属性animation是如下属性的简写形式： animation-name , animation-duration , animation-timing-function , ...
Web/CSS/animation-delay animation-delay CSS 属性定义动画于何时开始，即从动画应用在元素上到动画开始的这段时间的长度。
Web/CSS/animation-direction animation-direction CSS 属性指示动画是否反向播放，它通常在简写属性 animation 中设定
Web/CSS/animation-duration animation-duration 属性指定一个动画周期的时长。
Web/CSS/animation-fill-mode animation-fill-mode 这个 CSS 属性用来指定在动画执行之前和之后如何给动画的目标应用样式。
Web/CSS/animation-name animation-name 属性指定应用的一系列动画，每个名称代表一个由 @keyframes 定义的动画序列。
Web/CSS/animation-timing-function CSS animation-timing-function属性定义CSS动画在每一动画周期中执行的节奏。可能值为一或多个 timing-function 。
Web/CSS/attr CSS表达式 attr() 用来获取选择到的元素的某一HTML属性值，并用于其样式。它也可以用于伪元素，属性值采用伪元素所依附的元素。
Web/CSS/Attribute_selectors 属性选择器通过已经存在的属性名或属性值匹配元素。
Web/CSS/background background 是CSS简写属性，用来集中设置各种背景属性。 background 可以用来设置一个或多个属性: background-color , background-image ...
Web/CSS/background-clip background-clip 设置元素的背景（背景图片或颜色）是否延伸到边框下面。
Web/CSS/border-image border-image 属性用来给元素边框添加背景图片。这使绘制复杂外观组件更简单，在有些情况下使用九宫格也不再必要。浏览器应用了 border-image 则不再应用 ...
Web/CSS/border-image-outset border-image-outset属性定义边框图像可超出边框盒的大小。
Web/CSS/border-image-repeat border-image-repeat 定义图片如何填充边框。或为单个值，设置所有的边框；或为两个值，分别设置水平与垂直的边框。
Web/CSS/border-image-width border-image-width 定义边框宽度。假如指定图像边框宽度，那么它将覆盖 border-width 属性.
Web/CSS/border-radius border-radius 用来设置边框圆角。当使用一个半径时确定一个圆形；当使用两个半径时确定一个椭圆，这个( 椭) 圆与边框的交集形成圆角效果。
Web/CSS/border-style border-style 是一个 CSS 简写属性，用来设定元素所有边框的样式。
Web/CSS/border-top-left-radius border-top-left-radius 用来设置元素左上角的圆角效果。这段圆弧（角）可以是圆或椭圆的一部分。如果其中有一个值为0，那么将无圆角效果（见 ...
Web/CSS/box-shadow box-shadow 以逗号分割列表来描述一个或多个阴影效果，可以用到几乎任何元素上。如果元素同时设置了 border-radius ，阴影也会有圆角效果。多个阴影的z-ordering ...
Web/CSS/box-sizing box-sizing 属性用来改变默认的 CSS 盒模型对元素宽高的计算方式。这个属性可以用于模拟那些非正确支持标准盒模型的浏览器的表现。
Web/CSS/calc CSS函数 calc() 可以用在任何一个需要{{ cssxref }}、 frequency , angle 、 time 、 number 、或 integer 的地方。有了 ...
Web/CSS/Child_selectors 当使用选择符分隔两个元素时,它只会匹配那些作为第一个元素的直接后代 ( 子元素)的第二元素. 与之相比, 当两个元素由后代选择器相连时 , ...
Web/CSS/Class_selectors 在一个HTML文档中，CSS类选择器会根据元素的类属性中的内容匹配元素。类属性被定义为一个以空格分隔的列表项，在这组类名中，必须有一项与类选择器中的类名完全匹配，此条样式声明才会生效。
Web/CSS/clear CSS clear 属性指定：一个元素是紧挨着前面的浮动元素，还是必须移动到它们的下面（浮动被清除）。 clear属性既可以用于浮动元素，也可以用于非浮动元素。
Web/CSS/computed_value CSS属性的计算值 ( computed value ) 由指定的值计算而来:
Web/CSS/CSS_Animations CSS Animations 是CSS的一个模块，它定义了如何用关键帧来随时间改变CSS的属性值。可以通过指定时长、重复次数和如何重复来控制关键帧动画的行为。
Web/CSS/CSS_Animations/Using_CSS_animations CSS动画允许动态展现CSS样式的变化。动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。
Web/CSS/CSS_Background_and_Borders CSS Background and Borders is a module of CSS that defines how background and borders of ...
Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds 通过使用 CSS3 ，你可以向元素应用多个背景。这些背景相互堆叠，第一个背景放在最上面，最后一个背景放在最下面。
Web/CSS/CSS_Box_Model/Mastering_margin_collapsing 块级元素的上外边距（ margin-top ）与下外边距（ margin-bottom ）有时会合并（塌陷）为单个外边距，这样的现象称之为外边距合并(塌陷)。
Web/CSS/CSS_Columns CSS Columns is a module of CSS that defines a multi-column layout, allowing to express how ...
Web/CSS/CSS_Flexible_Box_Layout CSS 弹性盒子布局是 CSS 的模块之一，定义了一种针对用户界面设计而优化的 CSS ...
Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes CSS3 弹性盒子( Flexible Box 或 Flexbox )，是一种布局方式，当页面需要适应不同的屏幕大小以及设备类型时，它依然能确保元素拥有更恰当的排布行为。
Web/CSS/CSS_Flexible_Box_Layout/Using_flexbox_to_lay_out_web_applications 使用 flexbox 可以帮助你设计出引人注目的布局，并且在pc端或移动端能够很好的缩放。告别使用浮动的 div 元素、绝对定位和一些JavaScript hacks, 使用仅仅几行 ...
Web/CSS/CSS_Logical_Properties CSS 逻辑属性是 CSS 的一个模块，其能够映射到物理属性来控制布局（ CSS Logical Properties is a module of CSS that defines ...
Web/CSS/CSS_Transitions CSS Transitions 是一个 CSS 模块，定义了如何创建一个平滑地变换 CSS 属性值的方法。它不仅允许创建变换方法，同时也允许通过定时函数来控制变换方法。
Web/CSS/CSS_Transitions/Using_CSS_transitions 当 CSS 属性发生变化时， CSS transition 能控制其变化的动画速率。 ...
Web/CSS/cursor cursor CSS属性定义鼠标指针悬浮在元素上时的外观。
Web/CSS/Descendant_selectors 当使用 ␣ 选择符 (这里代表一个空格,更确切的说是一个或多个的空白字符) 连接两个元素时使得该选择器可以只匹配那些由第一个元素作为祖先元素的所有第二个元素(后代元素) . 后代选择器与 ...
Web/CSS/display 这个属性指定元素渲染出来的盒类型。在 HTML 中，默认的 display 属性取决于 HTML 规范所描述的行为或浏览器/用户的默认样式表。在 XML中，其默认值为 inline。
Web/CSS/element The element() CSS function defines an image value generated from an arbitrary HTML element. This ...
Web/CSS/flex-basis CSS 属性flex-basis 指定了flex item在主轴方向上的初始大小。如果不使用box-sizing来改变盒模型的话，那么这个属性就决定了flex ...
Web/CSS/flex-shrink CSS flex-shrink 属性指定了flex item的收缩规则。
Web/CSS/font-family CCS属性font-family 允许您通过给定一个有先后顺序的，由字体名或者字体族名组成的列表来为选定的元素设置字体。 ...
Web/CSS/font-smooth font-smooth CSS 属性用来控制字体的渲染效果。
Web/CSS/General_sibling_selectors 在使用 ~ 连接两个元素时,它会匹配第二个元素,条件是它必须跟(不一定是紧跟)在第一个元素之后,且他们都有一个共同的父元素 .
Web/CSS/ID_selectors 在一个HTML文档中,CSS ID 选择器会根据该元素的ID属性中的内容匹配元素,元素ID属性名必须与选择器中的ID属性名完全匹配，此条样式声明才会生效。
Web/CSS/image-rendering image-rendering CSS 属性决定浏览器对缩放图像采取的缩放算法.它适用于元素本身和有其他属性的图像.它对非缩放图像没有影响。
Web/CSS/isolation isolation CSS属性定义该元素是否必须创建一个新的 stacking context 。
Web/CSS/justify-content CSS justify-content 属性定义了浏览器如何分配顺着父容器主轴的弹性（ flex）元素之间及其周围的空间。
Web/CSS/length CSS 的length类型表示距离测度。它是一个 number 后紧随一个长度单位（px，em，px，in，mm，...）。和任何 CSS 尺寸一样，数字和单位之间没有空格。 number ...
Web/CSS/margin-bottom CSS的 margin-bottom 属性用于设置元素的底部外边距，允许设置负数值。该属性对于设置了 non-replaced 的行内元素不起作用，比如： tt 或者 span .
Web/CSS/Privacy_and_the_:visited_selector 曾经，CSS选择器 :visited 被网站用来查看用户的浏览记录。通过使用 getComputedStyle() 或其他方法扫描用户的浏览记录来获取用户访问了哪些网站。这很容易实现，不仅能够 ...
Web/CSS/Reference 本页面展示了CSS规则的基本语法；按字母顺序列出了所有标准的 CSS 属性、伪类、伪元素、 @-规则、单位和选择器；您可以快速访问到各个词条的详细内容。在这里不仅列出了 CSS1 ...
Web/CSS/Replaced_element CSS 里，可替换元素（replaced element）的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。典型的可替换元素有 img 、 object 、 ...
Web/CSS/scroll-snap-coordinate scroll-snap-coordinate CSS 属性结合元素的最近的祖先元素滚动容器的 scroll-snap-destination 定义的轴，定义了元素中x和y坐标偏移的位置。
Web/CSS/scroll-snap-points-x scroll-snap-points-x CSS 属性定义滚动容器中内容的snap点的水平位置。
Web/CSS/scroll-snap-points-y scroll-snap-points-y CSS 属性定义滚动容器中内容的snap点的垂直位置。
Web/CSS/scroll-snap-type scroll-snap-type CSS 属性定义在滚动容器中的一个snap点如何被严格的执行。
Web/CSS/Shorthand_properties 简写属性是可以让你同时设置其他几个 CSS 属性值的 CSS 属性。使用简写属性，Web 开发人员可以编写更简洁、更具可读性的样式表，节省时间和精力。
Web/CSS/Syntax 层叠样式表（ Cascading Stylesheet ，简称 CSS ），其基本目标是让浏览器以指定的特性去绘制页面元素，比如颜色，定位，装饰。CSS的语法反映了这个目标，由下面两个部分构建：
Web/CSS/table-layout table-layout CSS属性定义了表格布局算法，用于对表格中单元格、行和列进行布局。
Web/CSS/text-rendering text-rendering CSS 属性定义浏览器渲染引擎如何渲染字体。浏览器会在速度、清晰度、几何精度之间进行权衡。
Web/CSS/Tools CSS offers a number of powerful features that can be tricky to use, or have a number of ...
Web/CSS/transform-function/rotate3d rotate3d() CSS 函数定义了一套变换规则，可以在不改变元素形状的情况下将元素围绕一个固定的轴旋转。旋转的程度由指定的角度值控制；如果角度为正值，则是顺时针方向，否则为逆时针方向。
Web/CSS/transform-origin transform-origin CSS属性让你更改一个元素变形的原点。例如， rotate()的 transform-origin ...
Web/CSS/Tutorials 学习CSS可能是一项令人望而生畏的事情。我们编写了很多的css教程来帮助你。有些教程完全面向新手，而其他文章展现了一些css的复杂特性，适合拥有丰富经验的开发者。
Web/CSS/Type_selectors CSS元素选择器(也称为类型选择器)通过node节点名称匹配元素. 因此,在单独使用时,寻找特定类型的元素时,元素选择器都会匹配该文档中所有此类型的元素.
Web/CSS/Universal_selectors 在CSS中,一个星号( * )就是一个通配选择器.它可以匹配任意类型的HTML元素.在配合其他简单选择器的时候,省略掉通配选择器会有同样的效果.比如, *.warning 和 .warning ...
Web/CSS/width width 属性指定了元素内容区的宽度. 内容区在元素padding，border和margin 里面。
Web/CSS/z-index z-index 属性指定了一个元素及其子元素的 z-order。当元素之间重叠的时候，z-order 决定哪一个元素覆盖在其余元素的上方显示。通常来说 z-index 较大的元素会覆盖较小的一个。
Web/Guide/CSS 层叠样式表（CSS）是一种样式表语言，它可以用来描述那些使用诸如 HTML、SVG 等标记语言编写的文档的样式。CSS ...
Web/Guide/CSS/Block_formatting_context 块格式化上下文（block formatting context）是页面 CSS 视觉渲染(visual CSS ...
Web/Guide/CSS/Consistent_list_indentation One of the most common style changes made to lists is a change in the indentation distance—that ...
Web/Guide/CSS/Counters 本质上CSS计数器是由CSS维护的变量，这些变量可能根据CSS规则增加以跟踪使用次数。这允许你根据文档位置来调整内容表现。
Web/Guide/CSS/CSS_Image_Sprites 雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更加友好。
Web/Guide/CSS/CSS基础该 CSS 指南将会带你进入层叠样式表 (CSS)的世界。本指南将通过实例来引导你学习语言的基本功能(你可以在自己的电脑上运行这些实例)，指南还将阐明能够运行在现代浏览器上的 CSS 标准功能。