文章标签：CSS

找到 169 篇文档

CSS/float 一个浮动元素是float的值不是none的元素。
Learn/CSS 层叠样式表 — 也就是 CSS — 是你在 HTML ...
Learn/CSS/CSS_layout 在这一点上，我们已经看了CSS基础，如何设置文本样式，以及如何设置和操纵内容所在的盒子。现在是时候看看如何把你的盒子放在正确的地方相对于视口，和彼此。我们已经涵盖了必要的先决条件，因此我们现在可 ...
Learn/CSS/CSS_layout/Flexbox Flexbox 是一种新技术，但在如今各个浏览器都广泛支持的情况下，它已经开始准备广泛应用了。 ...
Learn/CSS/CSS_layout/Floats float 属性最初只是用于浮动图像内的文本块，但是现在它已成为在网页上创建多列布局的最常用工具之一。本文将阐述它的有关知识。
Learn/CSS/CSS_layout/Grids 网格是一个成熟的设计工具，许多现代网站布局是基于规则网格。在本文中，我们将看看基于网格的设计，以及如何使用CSS来创建网格 - 两者与当前的工具，和刚刚开始在浏览器中可用的新技术。
Learn/CSS/CSS_layout/Introduction This article has provided a brief summary of all the layout technologies you should know about. ...
Learn/CSS/CSS_layout/定位定位允许您从正常的文档布局流中取出元素，并使它们具有不同的行为，例如附在另一个之上，或者始终保持在浏览器视口内的同一位置。本文解释的是不同的 position 值，以及如何使用它们。
Learn/CSS/Introduction_to_CSS CSS 是用来样式化和排版你的网页的 —— 例如更改网页内容的字体、颜色、大小，将内容分割成多列或者加入动画以及别的装饰型效果。本文将通过讲述CSS ...
Learn/CSS/Introduction_to_CSS/Attribute_selectors 属性选择器是一种特殊类型的选择器，它根据元素的属性和属性值来匹配元素。它们的通用语法由方括号( [] ) 组成，其中包含属性名称，后跟可选条件以匹配属性的值。 ...
Learn/CSS/Introduction_to_CSS/Selectors 在 CSS 中，选择器用于定位我们想要样式化的网页 HTML ...
Learn/CSS/Introduction_to_CSS/Simple_selectors 在我们的第一篇选择器文章中，我们将学习“简单”选择器，之所以这么称呼它是因为它们基于元素的类型（或其 class 或 id）直接匹配文档的一个或多个元素。
Learn/CSS/Introduction_to_CSS/Syntax 接下来，我们将更详细的深入CSS语法，学习属性（peroperties）和属性值（value）如何组合成一个声明（declarations） , 多个声明构成的 ...
Learn/CSS/Styling_boxes 你好，欢迎来到“样式化CSS盒子”部分 —— ...
Learn/CSS/为文本添加样式掌握了CSS语言的基础之后，对于您来说，下一个需要关心的 CSS 的主题就是为文本添加样式——一个你将会最经常使用 CSS ...
Mozilla/Performance/Scroll-linked_effects scroll-linked 效果指的是某种因滚动条位置变化的而产生的效果，例如，为了产生视差滚动效果而更新position属性。本文讨论 scroll-linked ...
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/API/Document/queryCommandEnabled Document.queryCommandEnabled() 方法用来查询浏览器是否支持指定的富文本编辑指令。
Web/CSS 层叠样式表 (Cascading Style Sheets，常缩写记作 CSS ），是一种样式表语言，用来描述 HTML 或 XML （包括如 SVG 、 XHTML 之类的 XML ...
Web/CSS/--* 带有前缀 -- 的属性名，比如 --example--name，表示的是带有值的自定义属性，其可以通过 var 函数在全文档范围内复用的。
Web/CSS/-moz-appearance -moz-appearance CSS属性在Gecko（Firefox）中使用，以基于操作系统主题的平台本地样式显示元素。
Web/CSS/-moz-binding -moz-binding属性是使用基于Mozilla的配置文件编辑的应用程序，附加一个XBL绑定到DOM元素。
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/:any The :any() pseudo-class lets you quickly construct sets of similar selectors by establishing ...
Web/CSS/:empty :empty 伪类代表没有子元素的元素。这里说的子元素，只计算元素结点及文本（包括空格），注释、运行指令不考虑在内。
Web/CSS/:enabled CSS 伪类 :enabled 表示任何启用的（enabled）元素。如果一个元素能够被激活（如选择、点击或接受文本输入）或获取焦点，则该元素是启用的。元素还有一个禁用的状态（disabled ...
Web/CSS/:fullscreen css伪类 :fullscreen应用于当前处于全屏显示模式的元素。它不仅仅选择顶级元素，还包括所有已显示的栈内元素。
Web/CSS/:hover :hover CSS伪类适用于用户使用指示设备虚指一个元素（没有激活它）的情况。这个样式会被任何与链接相关的伪类重写，像 :link , :visited , 和 :active ...
Web/CSS/:nth-child :nth-child(an+b) 这个 CSS 伪类匹配文档树中在其之前具有 a n+ b -1 个兄弟节点的元素，其中 n ...
Web/CSS/:nth-last-of-type :nth-last-of-type(an+b) 这个 CSS 伪类匹配那些在它之后有 a n+ b -1 个相同类型兄弟节点的元素，其中 n 为正值或零值。它基本上和 ...
Web/CSS/:nth-of-type :nth-of-type(an+b) 这个 CSS 伪类匹配那些在它之前有 a n+ b -1 个相同类型兄弟节点的元素，其中 n 为正值或零值。
Web/CSS/:only-of-type CSS 伪类 :only-of-type 代表了任意一个元素，这个元素没有其他相同类型的兄弟元素。
Web/CSS/:root :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说， :root 表示 html 元素，除了优先级更高之外，与 html 选择器相同。
Web/CSS/@import @import CSS @规则，用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则， @charset 规则除外; 因为它不是一个嵌套语句，@import不能在 ...
Web/CSS/@media @media CSS at-rule 将一组嵌套语句关联在由大括号分隔的CSS块中，使用由 media query 定义的一个条件。@media ...
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/@viewport/zoom zoom CSS 属性会根据 @viewport 来初始化一个缩放因数。
Web/CSS/Adjacent_sibling_selectors 这被称为一个相邻选择器. 它只会匹配紧跟其前方元素的同胞元素.
Web/CSS/align-content align-content 属性定义了当作为一个弹性盒子容器的属性时，浏览器如何在容器的侧轴围绕弹性盒子项目分配空间。
Web/CSS/align-items CSS align-items 属性以与 justify-content 相同的方式在侧轴方向上将当前行上的弹性元素对齐。
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 CSS 属性选择器通过已经存在的属性名或属性值匹配元素。
Web/CSS/background background 是CSS简写属性，用来集中设置各种背景属性。 background 可以用来设置一个或多个属性: background-color , background-image ...
Web/CSS/background-clip background-clip 设置元素的背景（背景图片或颜色）是否延伸到边框下面。
Web/CSS/background-position-x background-position-x CSS 属性设置水平方向的位置，与每个背景图片等位置层设置属性 background-origin 相关。更多信息请查看 ...
Web/CSS/background-size background-size 设置背景图片大小。
Web/CSS/blend-mode blend-mode 这个词关键是是一组描述混合模式的类型。
Web/CSS/border-image border-image CSS属性允许在元素的边框上绘制图像。这使得绘制复杂的外观组件更加简单，也不用在某些情况下使用九宫格了。使用 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-image-width大于已指定的 border-width ，那么它将向内部(padding/content)扩展.
Web/CSS/border-left CSS属性 border-left 是属性 border-left-color , border-left-style , 和 border-left-width ...
Web/CSS/border-radius border-radius 用来设置边框圆角。当使用一个半径时确定一个圆形；当使用两个半径时确定一个椭圆，这个( 椭) 圆与边框的交集形成圆角效果。
Web/CSS/border-right CSS属性 border- right 是属性 border-right-color , border-right-style , 和 border-right-width ...
Web/CSS/border-style border-style 是一个 CSS 简写属性，用来设定元素所有边框的样式。
Web/CSS/border-top CSS属性 border-top 是属性 border-top-color , border-top-style , 和 border-top-width ...
Web/CSS/border-top-left-radius border-top-left-radius 用来设置元素左上角的圆角效果。这段圆弧（角）可以是圆或椭圆的一部分。如果其中有一个值为0，那么将无圆角效果（见 ...
Web/CSS/box-shadow box-shadow 以逗号分割列表来描述一个或多个阴影效果。该属性让你可以对几乎所有元素的边框产生阴影。如果元素同时设置了 border-radius ...
Web/CSS/box-sizing box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行为。
Web/CSS/calc CSS函数 calc() 可以用在任何一个需要 length 、 frequency , angle 、 time 、 number 、或 integer 的地方。有了 calc()， ...
Web/CSS/Child_selectors 当使用选择符分隔两个元素时,它只会匹配那些作为第一个元素的直接后代 ( 子元素)的第二元素. 与之相比, 当两个元素由后代选择器相连时 , ...
Web/CSS/Class_selectors 在一个HTML文档中，CSS类选择器会根据元素的类属性中的内容匹配元素。类属性被定义为一个以空格分隔的列表项，在这组类名中，必须有一项与类选择器中的类名完全匹配，此条样式声明才会生效。
Web/CSS/clear clear CSS 属性指定一个元素是否可以在它之前的浮动元素旁边，或者必须向下移动(清除浮动) 在它的下面。clear 属性适用于浮动和非浮动元素。
Web/CSS/Comments 注释用来为部分CSS代码添加额外的解释,或者用来组织浏览器解析一部分区域内的CSS代码.
Web/CSS/computed_value 一个CSS属性的计算值 ( computed value ) 通过以下方式从指定的值计算而来：
Web/CSS/CSS3 CSS3 是级联样式表 / 层叠样式表(Cascading Style Sheets) 语言的最新进化，旨在扩展CSS2.1。
Web/CSS/CSSOM_View CSSOM视图是一个模块,允许操作文档的可视化视图,尤其是其滚动行为。
Web/CSS/CSS_Animations CSS Animations 是CSS的一个模块，它定义了如何用关键帧来随时间推移对CSS属性的值进行动画处理。关键帧动画的行为可以通过指定它们的持续时间，它们的重复次数以及它们如何重复来控制。
Web/CSS/CSS_Animations/Using_CSS_animations CSS animations 使得可以将从一个CSS样式配置转换到另一个CSS样式配置。动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。
Web/CSS/CSS_Background_and_Borders CSS 背景与边框是 CSS中描述元素背景与边框的组件。边框的实现方式包含直线、图片。盒模型可以具有单个或多个背景、圆角以及阴影。
Web/CSS/CSS_Background_and_Borders/Border-image_generator 这个工具用于生成 CSS3 border-image 的值.
Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds 通过使用 CSS3 ，你可以向元素应用多个背景。这些背景相互堆叠，第一个背景放在最上面，最后一个背景放在最下面。
Web/CSS/CSS_Box_Model/Mastering_margin_collapsing 发生外边距塌陷的三种基本情况:
Web/CSS/CSS_Colors CSS Colors 是 CSS 的一个模块，用于处理颜色、颜色类型和透明度。
Web/CSS/CSS_Columns CSS Columns 是一种定义了多栏布局的模块，它能够表现出将内容在列之间怎么流动的以及间隙和分割线怎么使用。
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_Grid_Layout CSS网格布局的优势在于可以将页面分割成大块的区域，或者定义由HTML元素构建出的控件的大小、位置和图层之间的关系。
Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout CSS网格布局引入了二维网格布局系统，可用于布局页面主要的区域布局或小型组件。本文介绍了CSS网格布局与 CSS网格布局规范 Level 1 ...
Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid 在探讨网格布局的基础概念的文章中，我们了解了如何用线编号布局。我们会在本文中全面探索这个基础特性的定义如何工作。
Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout CSS 网格布局作为一个完善的布局系统的一部分，被设计为能和CSS的其它部分协同合作。在这个指南中，我会向你解释网格布局是如何与你正在使用的其它技巧协同合作的。
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 transitions 提供了一种在更改CSS属性时控制动画速度的方法。 ...
Web/CSS/CSS_Types CSS 基本数据类型是组件值类型 component value type 的一种。用于定义 CSS属性和函数可以接受的变量（关键字和单位）的种类。