前端基础知识——CSS

CSS

CSS 基于 HTML 中的父子元素思想。
CSS 有很多类似 Word 的排版功能（颜色、字体、文字环绕等）的属性。

相关语法说明：

1. 基本语法：

   选择器
   {
        
     属性:值;   /*声明*/
     属性:值;   /*声明*/
     属性:值;   /*声明*/
   }
   

2. * 选择器：
   所有元素

3. id 和 class 选择器：
   #para1
   .center、p.center

4. 属性 选择器（=、~=、|=、^=、$=、*=）：
   [title~=runoob]

5. 分组 和 嵌套 选择器：
   h1,h2,p
   .marked p

6. 组合选择符（后代选择器、子元素选择器、相邻兄弟选择器、普通兄弟选择器）：
   div p、div>p、div p、div~p

7. 伪类：

   选择器:伪类  {
         声明; }
   

   “选择器:伪类”的意义是：符合伪类条件的选择器
   :first-child、:lang()

   伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。

8. 伪元素：

   选择器:伪元素  {
         声明; }
   

   “选择器:伪元素”的意义是：选择器元素内部，符合伪元素条件的抽象元素
   :first-line、:first-letter、:before、:after

   与伪类针对特殊状态的元素不同的是，伪元素是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。实际上，设计伪元素的目的就是去选取诸如元素内容第一个字（母）、第一行，选取某些内容前面或后面这种普通的选择器无法完成的工作。它