css

css

選擇器

標籤選擇器

p{
    color: red;
    font-size: 20px;
}
span{
    color: yellow;
}id　

id選擇器

 #box{
      background:green;
 }

類選擇器

.big{
     font-size: 40px;
 }

高級選擇器

後代選擇器,使用空格表示後代選擇器.
子代選擇器,使用>表示子代選擇器。

行內元素和塊級元素的區別：

行內元素：

• 與其餘行內元素並排；
• 不能設置寬、高。默認的寬度，就是文字的寬度。

塊級元素：

• 霸佔一行，不能與其餘任何元素並列；
• 能接受寬、高。若是不設置寬度，那麼寬度將默認變爲父親的100%。

塊級元素和行內元素的分類：

在之前的HTML知識中，咱們已經將標籤分過類，當時分爲了：文本級、容器級。

從HTML的角度來說，標籤分爲：

• 文本級標籤：p、span、a、b、i、u、em。
• 容器級標籤：div、h系列、li、dt、dd。

浮動

要浮動一塊兒浮動,有浮動清浮動

清除浮動的方法

1. 給父盒子設置高度
2. clear:both
3. 僞元素清除法
4. overflow：hidden

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility: hidden; 
}

 文本首行縮進

text-indent 屬性規定元素首行縮進的距離，單位建議使用em

字體

font屬性可以將font-size、line-height、font-family合三爲一： font:12px/30px "Times New Roman","Microsoft YaHei","SimSun";

背景

background:  red  url('./images/banner.jpg')  no-repeat   center top;

a連接指針

cursor: pointer;