CSS中 和body的區別

2021-07-04 06:13:49 字數 2354 閱讀 5173

css中*和body有什麼區別:

建議:盡可能的手寫**,可以有效的提高學習效率和深度。

在介紹它們兩個我們首先應該知道這兩個符號在css檔案中充當的是什麼角色。在css檔案中*是萬用字元選擇器

,它可以選擇文件中所有的元素,也就是說是乙個通殺選擇器。body是乙個普通的型別選擇器

,只能夠選中body這麼乙個元素。而之所大家會感覺到*和body選擇器有時候作用是相同的,主要是因為body是絕大多數布局元素的父元素,如果元素的css屬性居有繼承性的話,那麼兩者的效果確實一樣。例如:

[html] 

純文字檢視 複製**執行** ?

12

body

*

以上兩個**的作用是完全一樣的,因為font-size是居右繼承性的。但是大家還是要明白它們的原理是不一樣的,*選擇器確實是選擇了每乙個元素並且把它們的字型大小設定為12px,body則是通過繼承將字型設定為12px的。

建議:在很多css頁面的開頭都有這麼一句**:

[html] 

純文字檢視 複製**執行** ?

12

3

4

*

因為很多元素都有預設的內邊距或者外邊距,例如body、ul、p和標題元素h1-h6等。使用以上**可以很輕鬆的清除所有元素的外邊距和內邊距,但是也會帶來問題。例如:

[html] 

純文字檢視 複製**執行** ?

<title>螞蟻部落

<styletype="text/css">

*

input

<body>

<inputtype="text"name="mytest"/>

說明:**經過本站測試,複製黏貼即可執行。

以上**可能會造成在一些瀏覽器中文字框輸入的文字顯示在左上角,並不是所以瀏覽器都這樣。建議還是使用以下方式來統一定義樣式:

[html] 

純文字檢視 複製**執行** ?

12

3

4

body,ul,h1,h2,h3,h4,h5,h6,form,dl,p

CSS中 和body有什麼區別

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

CSS 中 和 的區別

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

CSS 中 和 的區別

css 中 和 的區別 在css中,總得來說class表示泛性的,id 表示個性的 id 用來定義頁面中大的樣式,如欄目劃分,頂部,正文,底部等 用 top的形式來定義 class 用來定義一些比較細節的樣式,如具體的乙個選單,一行文字等,用.text的形式來定義。定義html中的標籤,如ul,im...