CSS3秘笈复习：第一章&第二章&第三章

Posted 2020-07-03

第一章：

1.<cite>标签不仅可以将网页设置为斜体，还能给标题做上标记，使它便于被搜索引擎搜索到。

第二章：

1.import指令链接样式表：

　　CSS本身有一种添加外部样式的方法：@import指令。把这个指令添加到一个html的<style>标签中，像这样：

<style>
    @import url(css/styles.css);
</style>

要将所有@import行都放在CSS规则之前。

第三章：

1.类选择器命名只允许使用字母数字连字符(-)和下划线(_)，并且名称必须始终以字母开头。

2.类名区分大小写。

3.伪元素：first-letter 选择段落中的首字母，fitst-line选择段落中的首行。

4. ：before 与 ：after的用法：

　　(1):before 能在指定的元素前面添加内容。比如要将"HOT TIP"放在含有.tip类的标签之前可以这么写：

.tip : before{content:"HOT TIP！"}

　　(2):after 能在元素后面添加内容。

5.::selection 单击并拖动文本时为文本添加样式，比如复制文本时让被选中的文本变成白色并带有紫色背景，添加以下样式：

：：selection{
  color ：#ffffff ;
  background-color : #993366 ;    
}

该选择器只能设置color 和 background-color这两个属性，并且必须使用双冒号。

6.伪类：

　　(1):first-of-type

　　作用于具有特殊标签的子元素。例如，假设有一个sidebar元素，它有一个类名sidebar。为了给这个侧边栏的第一个段落定义样式，就可以使用这个选择器：

　　.sidebar p:first-of-type表示选择sidebar类下的第一个p标签。

　　(2):last-of-type

　　与:first-of-type作用相反。

　　(3):nth-of-type

　　用于特定标签交替子标签。假设要让图片交替地左右浮动，可以用下面两个样式完成：

　　img:nth-of-type(odd){float:left;}

　　img:nth-of-type(even){float:right;}