CSS基礎知識(1)

                                                                   前言

        爲了讓我們的網頁更加豐富多彩,佈局更加靈活自如,所以有了CSS。CSS俗稱網頁的美容師。CSS的最大貢獻是:讓HTML從樣式中脫離,實現了HTML專注去做結構,把樣式交給CSS。


                                                                   正文

 

1.  CSS的作用:

設置版面佈局和外觀顯示樣式

2. 引入CSS樣式表:

2.1 行內式

基本語法如下:

<標籤名 style="屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;">內容 </標籤名>

2.2 內嵌樣式表

基本語法如下:

<head>
<style type="text/css">
    選擇器{
        屬性1:屬性值1;
        屬性2:屬性值2;
        屬性3:屬性值3;
        }
</style>
</head>

2.3 外部樣式表

基本語法如下:

<head>
   <link rel=“stylesheet” type="text/css" href="css文件路徑">
</head>

 3. 總結

4. CSS選擇器

4.1  CSS選擇器的作用:

找到特定的HTML頁面元素 (選擇標籤用的)

4.2 標籤選擇器

作用:可以把某一類標籤全部選擇出來,比如所有的div標籤和所有的span標籤

優點:是能快速爲頁面中同類型的標籤統一樣式

缺點:不能設計差異化樣式

4.3 類選擇器

.類名{

    屬性1:屬性值1;
    屬性2:屬性值2;
    屬性3:屬性值3;
   }
 
<p clas='類名'> </p>

4.4 id選擇器

#類名{
    屬性1:屬性值1;
    ...
}

注:id選擇器和類選擇器區別:

類選擇器好比人的名字,可以多次重複使用

id選擇器好比人的身份證號碼,是全國唯一的,不得重複,只能使用一次

4.5 通配符選擇器

*{
    屬性1:屬性值1
    屬性2:屬性值2
    ....
}

 

發佈了136 篇原創文章 · 獲贊 24 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章