发 送

在线教程

  • css pseudo elements

    ... 这高度依赖于当前使用的字体家族、字体大小、元素宽度，浮动元素等各种因素，显得相当繁琐。而通过CSS伪元素我们可以方便获得。 伪元素的用途 例子1 - 使用伪元素给文字自动添加语言说明后缀 本例使用伪类:lang来过滤lang属性为特定值（如en-us）的元素。 使用伪元素::after来给元素（文本）自动添加语言说明后缀。 通过本例， ...

  • css pseudo classes

    ... 第二行定义当被悬停时，<a> 链接颜色为红色。 第二行选择的是同样的HTML元素，但是有特定的行为发生。(本例中是发生了用户悬停动作）。 :visited 这个伪类的目标对象是被访问过的链接。默认情况下，链接是蓝色的，当被您访问（点击或触摸 ... 定义了CSS规则的应用。 在这类例子中，我们可以通过给这些元素添加特定的类（class）来实现同样的目的，这可以帮助我们理解为什么上述通过元素状态或顺序来选择元素的CSS规则被称为“伪类”。 如果我们再添加一条列表项，使用相同的CSS，样式 ...

  • css selectors

    ... red; } 上面的代码将把处于 hover 状态的a链接设置成红色。 在后续CSS高级课题中我们还会详细讨论伪类（Pseudo-class）、伪元素（Pseudo-element）用法及其差异。 一些选择器实例 HTML CSS选择器 含义 <p></p> p 所有 <p> 标签 ...

  • css element types

    ... 交" /> 浏览器会根据元素的标签类型和属性来显示这些元素。替换元素也在其内容显示时生成了框。 我们不能在替换元素上使用伪元素选择器（:before 或 :after），因为这些元素的内容已经是一次动态替换后才产生的。 非替换元素 按字面来理解，所有不是替换元素的就是非替换元素。(x)html 的大多数元素是非替换元素，即其内容直接表现 ...

  • css flex layout container

    ... 然会通过影响display属性的计算值而影响box的生成。 vertical-align 属性对于弹性项没有作用 ::first-line 和 ::first-letter 伪元素不适用于弹性容器，而且弹性容器不为他们的祖先提供第一个格式化的行或第一个字母。 如果元素的display值是inline-flex，则其显示属性在某种条件下被计算为flex，参考阅读：display/float/position属性值的相互影 ...

  • css gfc

    ... （grid container）所建立。 不受外部浮动影响。 网格容器（grid container）的外边距不会和其内容的外边距合并。 有些block布局中的属性不能用在GFC中，比如伪元素::first-line,::first-letter对网格容器无效，而float、vertical-align对网格项（grid item）无效。 Grid layout是CSS3引入的新兴而强大的页面布局技术，尚处于开发过程中，不过领 ...

  • css flex layout overview

    ... 布局（table layout），用于以表格形式展现二维数据 定位布局，用于有非常明确位置的元素，无需考虑文档中的其他元素 本章节介绍一种新的布局方式，弹性布局（flex layout），用于展示更为复杂的应用 ... 模块中定义的属性不适用::first-line 或 ::first-letter伪元素。 Next → CSS 弹性布局常用术语 NextPrevious回到顶部

  • js basics

    ... 页加入一些交互动效。 尽管如同我们在CSS3进阶章节中讲述到的，CSS也开始提供一些交互和动画特性，比如伪类:hover，就是一种描述用户鼠标悬停在元素上的交互状态。 但是这些特性远不能满足开发者对文档的动态处理需求，比如动态创建、删除、更新 ... 元素乃至页面片段（DOM），更不用说操作浏览器（BOM）以及和服务器之间的通信（Ajax）。 CSS本质上是一组样式 ...

推广服务（新）
最新文章