注意要點:
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擁有多層級結構,可部署於各類伺服器 ...