2017年12月_歪脖先生的博客_ixygj197875

12月 11月

原创 CSS3同胞选择器

同胞选择器同胞选择器（E～F），用于选择某元素后面的所有同胞元素。也就是说，E和F是同辈元素，且F在E元素的后面，它们之间可以有，也可以没有其他同胞元素。如，在博客站中，博文标题后面的是正文，正文用段落组织。HTML 代码如下：同胞选择器同胞选择器，为同一个父元素下某个元素之后所有的元素应用样式… 例如，一篇文章中，可以使用同胞选择器，让一级标题后面的所有

2017-12-02 14:58:08 1565

原创 CSS相邻同胞选择器

相邻同胞选择器相邻同胞选择器（E + F），选择紧跟在某个元素的后面，且具有相同父亲的元素。换句话说，E和F是同辈元素，F紧跟在E元素后面，即它们之间没有其他同胞元素。相邻同胞选择器中，+ 两侧的空白符是可选的。如，一些博客站，博文标题后面的第一段是博文的摘要。HTML代码如下：相邻同胞选择器相邻同胞选择器，为同一个父元素下某个元素之后的第一个兄弟…

2017-12-02 14:56:50 1929

原创 CSS子选择器

子代选择器子选择器（E > F），就是只选择元素的直接后代（即子元素），而不选择其它后代的选择器。这就是子选择器与后代选择器的区别。子选择器中，> 两侧的空白符是可选的。在上一节导航菜单的例子中，假如我们希望第一级列表项的链接文本的字体加粗显示。因为第一级列表项是 ul 的子元素，这时，就可以使用子选择器来实现。如：ul > li a { font-weight: bol

2017-12-02 14:55:43 398

原创 CSS后代选择器

关系选择器关系选择器，顾名思义，是根据HTML元素在DOM树中的关系来选择元素，这些关系包括后代、父子、同胞、相邻同胞。于是，关系选择器就包括后代选择器、子选择器、相邻同胞选择器、同胞选择器。表 2-2 关系选择器选择器语法功能描述版本后代选择器E F选择E元素的所有后代F元素1

2017-12-02 14:54:30 8726

原创 CSS的通配选择器

通配选择器通配选择器用一个星号（*）表示。单独使用时，这个选择器可以与文档中的任何元素匹配，就像一个通配符。如，让页面上的所有文本都为黑色：* { color: black; }当然也可以选择某个元素下的所有元素。在与其他选择器结合使用时，通配选择器可以对特定元素的所有后代应用样式。如，以下代码为 .demo 元素的所有后代，添加一个灰色背景：.demo * { backg

2017-12-02 06:47:44 10357 2

原创 CSS的群组选择器

群组选择器要为不同的HTML对象定义相同的样式时，可以采用群组声明。如，希望 h2 元素和段落的文本都为灰色，则可以使用以下声明：h2, p { color: gray; }上述规则在选择器中指定了多个对象，对象之间用逗号来分隔。逗号告诉浏览器，规则中包含两个不同的选择器。这样的选择器叫群组选择器。群组选择器可以减少样式的重复定义。可以把任意数量、任意类型的选择器放在群

2017-12-02 06:46:39 5912

原创 CSS的id选择器

id选择器id选择器用于为带有特定 id 的 HTML 元素指定样式。id选择器，是选择器前面加一个井号（#）定义的选择器。id 选择器可以应用于任何HTML元素，浏览器会在文档中寻找具有指定 id 的元素，为该元素应用样式。id 由用户自定义。如：#intro { font-weight: bold; } id="intro">本段落的文本将显示为粗体。这个p元素

2017-12-02 06:45:16 2094

原创 CSS的类选择器

类选择器类选择器是以独立于文档元素的方式来指定样式，如果应用样式，而不考虑具体涉及的元素时，最常用的就是类选择器。类选择器，是在类名前面加一个点（.）定义的选择器。为了提高选择器的灵活性，类选择器的名称，可以由用户自定义。如，以下代码定义了名称为 red 的类选择器：.red { color: red }要为一个元素应用类选择器定义的样式，还需要在HTML代码中，为元素

2017-12-01 20:55:24 968

原创 CSS元素选择器

基本选择器基本选择器是CSS中使用最频繁、最基础，也是CSS中最早定义的选择器。基本选择器包括元素选择器、类选择器、id选择器、群组选择器、通配选择器。表 2-1 基本选择器选择器语法功能描述版本元素选择器E选择指定类型的元素1类选择器E.class选择类型为

2017-12-01 20:53:57 310

原创 CSS选择器的分类

选择器的分类CSS的选择器有多种形式，根据所获取元素的不同，选择器分为五大类：基本选择器、关系选择器、属性选择器、伪元素选择器、伪类选择器。伪类选择器，按其功能又可细分为：链接伪类选择器、结构伪类选择器、否定伪类选择器、目标伪类选择器、语言伪类选择器、UI状态伪类选择器。如图 2‑2 所示：图2-2 CSS选择器分类本章所列的选择器，已经注明定义该选择器的CSS版本。

2017-12-01 20:53:02 481

原创 HTML DOM

HTML DOMCSS的目的，是实现网页的表现和内容相分离，由HTML控制网页的内容，由CSS控制网页的表现。而CSS的核心是选择器，选择器根据HTML DOM来找到相应的元素，并为它们应用样式，从而实现表现与内容的分离。因此，在介绍选择器之前，有必须先了解一下HTML DOM。DOM是Document Object Model的缩写，即文档对象模型。HTML DOM是HTML文档

2017-12-01 20:51:34 316

《揭秘 CSS》PDF，高清，带书签，可编辑

系统介绍整个CSS体系，全面涵盖CSS1、CSS2.1、CSS3，让零基础web前端工程师从入门到完全精通CSS。内容编排上，则是由浅入深，从基础讲起，逐步深入，直到将CSS的所有特性完全剖析清楚

2018-03-19

《超越CSS:Web设计艺术精髓》系统、深入地阐释了网站的设计与实现，帮助读者从设计的角度来使用CSS以达到完美的效果。作者通过使用标记和CSS的形象的创造性示例，帮助读者掌握实现创意设计的方法。读者将学会如何使用新的设计流程，创建对包括设计师在内的所有团队成员都很好用的原型，有效地使用网格，设计标记的视觉效果，并了解优秀设计过程的每一个阶段——从使用最新的浏览器到在团队协作中高效地应用CSS3。

2015-09-24