CSS 中 和 的區別

2021-07-23 08:51:15 字數 1044 閱讀 7007

css 中 # 和 . 的區別

在css中,總得來說class表示泛性的,

id 表示個性的

id:用來定義頁面中大的樣式,如欄目劃分,頂部,正文,底部等;用#top的形式來定義;

class:用來定義一些比較細節的樣式,如具體的乙個選單,一行文字等,用.text的形式來定義。

定義html中的標籤,如ul,img,p等時,直接寫:img{}

class是樣式組,用.style定義,class="style": 

.style定義樣式組,可以被反覆呼叫,就是說你乙個頁面裡,可以有多個元素用同乙個style;  

id是固定標籤,用#style1定義,id="style1"

例如:#main和.main有什麼區別: 

#main 定義的是id為"main"這個元素的樣式 .main 的意思是新建乙個名為"main"的樣式 #main 只能定義id為"main"這個元素的樣式

.main 一但定義以後,可以讓其他的元素來呼叫,方法為class="main" 

用#定義css樣式,在呼叫時必須用id,用.定義css樣式,在呼叫時必須用class。用#定義的樣式,一般都是定義結構框架,一些大的容器,且在同乙個頁面只能出現一次;而且.定義的樣式,一般都是起修飾作用或多次重複的樣式。還一點就是在同乙個層裡同時出現id和class樣式,id更優先於class。 

簡單來說: #main是定義具體物件main的專有屬性;.main是定義抽象物件的共有屬性main。比較廣泛的用途是#用於定義網頁框架;.用於定義各個網頁元素。#main中的main只能在網頁中出現一次,而.main中的main可以出現無數次。 

使用範例  

class:

footer

id:

footer

定義class的css是用點:「.」,如.footer   

定義id的css是用井號「#」,如#footer

CSS 中 和 的區別

id 用來定義頁面中大的樣式,如欄目劃分,頂部,正文,底部等 用 top的形式來定義 class 用來定義一些比較細節的樣式,如具體的乙個選單,一行文字等,用.text的形式來定義。定義html中的標籤,如ul,img,p等時,直接寫 img class是樣式組,用.style定義,class st...

CSS中 和body的區別

css中 和body有什麼區別 建議 盡可能的手寫 可以有效的提高學習效率和深度。在介紹它們兩個我們首先應該知道這兩個符號在css檔案中充當的是什麼角色。在css檔案中 是萬用字元選擇器 它可以選擇文件中所有的元素,也就是說是乙個通殺選擇器。body是乙個普通的型別選擇器 只能夠選中body這麼乙個...

CSS中 和body有什麼區別

css中 和body有什麼區別 建議 盡可能的手寫 可以有效的提高學習效率和深度。在介紹它們兩個我們首先應該知道這兩個符號在css檔案中充當的是什麼角色。在css檔案中 是 萬用字元選擇器 它可以選擇文件中所有的元素,也就是說是乙個 通殺選擇器。body是乙個普通的 型別選擇器 只能夠選中body這...