Html Css 從入門到放棄(一)基礎知識

2021-09-07 15:48:31 字數 3217 閱讀 4021

注意要點:

1、id屬性不要以數字開頭,數字開頭的id在 mozilla/firefox 瀏覽器中不起作用。

2、class 選擇器用於描述一組元素的樣式,class 選擇器有別於id選擇器,class可以在多個元素中使用。

3、不要在屬性值與單位之間留有空格。假如你使用 "margin-left: 20px" 而不是 "margin-left: 20 px"。

4、如果某些屬性在不同的樣式表中被同樣的選擇器定義,那麼屬性值將從更具體的樣式表中被繼承過來。

5、當同乙個 html 元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字 4 擁有最高的優先權。

瀏覽器預設設定

外部樣式表

內部樣式表(位於 標籤內部)

內聯樣式(在 html 元素內部)

1、文字的對齊方式:text-align

h1 p.date p.main

2、文字修飾,text-decoration 屬性用來設定或刪除文字的裝飾。

h1 h2 h3

3、文字轉換,文字轉換屬性是用來指定在乙個文字中的大寫和小寫字母。

p.uppercase p.lowercase p.capitalize

4、文字縮排屬性,是用來指定文字的第一行的縮排

p

5、指定字元之間的空間,演示了如何增加或減少字元之間的空間

h1 h2

6、指定行與行之間的空間,如何指定在乙個段落中行之間的空間

p.small p.big

7、增加單詞之間的空白空間,如何增加乙個段落中的單詞之間的空白空間

p

8、在元素內禁用文字環繞

p

9、垂直對齊影象

img.top img.bottom

10、新增文字陰影

h1

css字型屬性定義字型,加粗,大小,文字樣式。

1、字型系列,font-family 屬性設定文字的字型系列。如果字型系列的名稱超過乙個字,它必須用引號,如font family:"宋體"。多個字型系列是用乙個逗號分隔指明:

p

2、字型樣式,主要是用於指定斜體文字的字型樣式屬性

p.normal p.italic p.oblique

3、設定字型大小畫素,設定文字的大小與畫素,讓您完全控制文字大小

h1 h2 p

4、用em來設定字型大小。為了避免internet explorer 中無法調整文字的問題,許多開發者使用 em 單位代替畫素。

注意:em的尺寸單位由w3c建議。em和當前字型大小相等。在瀏覽器中預設的文字大小是16px。因此,1em的預設大小是16px。可以通過下面這個公式將畫素轉換為em:px/16=em

h1  /*

40px/16=2.5em

*/h2 /*

30px/16=1.875em

*/p /*

14px/16=0.875em

*/

5、使用百分比和em組合,在所有瀏覽器的解決方案中,設定 元素的預設字型大小的是百分比:

body h1 h2 p

a:link       /*

unvisited link

*/a:visited /*

visited link

*/a:hover /*

mouse over link

*/a:active /*

selected link

*/

1、文字修飾,text-decoration 屬性主要用於刪除鏈結中的下劃線

a:link a:visited a:hover a:active

2、背景顏色屬性指定鏈結背景色

a:link a:visited a:hover a:active

css列表屬性作用如下:

<

html

>

<

head

>

<

style

>

ul.a

ul.b

ol.c

ol.d

style

>

head

>

<

body

>

<

p>example of unordered lists:

p>

<

ul class

="a"

>

<

li>coffee

li>

<

li>tea

li>

<

li>coca cola

li>

ul>

<

ul class

="b"

>

<

li>coffee

li>

<

li>tea

li>

<

li>coca cola

li>

ul>

<

p>example of ordered lists:

p>

<

ol class

="c"

>

<

li>coffee

li>

<

li>tea

li>

<

li>coca cola

li>

ol>

<

ol class

="d"

>

<

li>coffee

li>

<

li>tea

li>

<

li>coca cola

li>

ol>

body

>

html

>

1、要指定列表項標記的影象,使用列表樣式影象屬性

ul

Html Css 從入門到放棄(一)基礎知識

注意要點 1 id屬性不要以數字開頭,數字開頭的id在 mozilla firefox 瀏覽器中不起作用。2 class 選擇器用於描述一組元素的樣式,class 選擇器有別於id選擇器,class可以在多個元素中使用。3 不要在屬性值與單位之間留有空格。假如你使用 margin left 20px...

Python 從入門到放棄(一)

列表 list 和元組 tuple python中有6中內建序列 sequence list,tuple,字串,unicode字串,buffer,xrange。序列和對映是兩種主要的容器 container 序列包括 list 和 tuple 對映包括 dict set 即不是序列又不是對映 序列操...

tensorflow從入門到放棄 一)

官網 tensorflow是乙個基於資料流程式設計 dataflow programming 的符號數學系統,被廣泛應用於各類機器學習 machine learning 演算法的程式設計實現,其前身是谷歌的神經網路演算法庫distbelief tensorflow擁有多層級結構,可部署於各類伺服器 ...