1、CSS：層疊式樣式表，對布局、字型、顏色、背景和其他圖文效果實現更加精確的控制
規則
2、繼承性樣式表的規則可以從母體延伸到子體，如<b><i>haha</i></b>對於<i>標籤沒有設定樣式，但因為<i>位於<b>中，所以他將可以繼承母體<b>設定樣式。
3、將樣式表加入到網頁中方法有四種：
植入樣式表：所有的樣式表資訊都位於HTML檔案的頂部，與<body>分列，對網頁一次性執行該規則
type="text/css"：設定採用MIME（多用途互連網郵件擴充，一種電子郵件技術規範），這樣寫之後，不支援 css的瀏覽器就會忽略樣式表。
注釋標籤<!--and-->更重要，在一些老的瀏覽器中及時設定了type="text/css"屬性也不能忽略樣式表繼續執 行下面的命令，而且還會顯示樣式表的代碼，而使用注釋標籤可以避免這種情況。
連結到樣式表：將多個HTML檔案都連結到一個中心樣式表檔案，這個外部樣式表檔案將設定你所有網頁的規則，如果改變 樣式表檔案中的某一細節，所有的頁面都會隨之改變。
使用方法：產生一個普通網頁，不是使用<style>規則，而是在<head>中的使用<Link>標籤如：
<head>
<title>
<Link rel=stylesheet href="mystyles.css" type="text/css">
</title>
</head>
使用時連結樣式表無需注釋標籤，現在還要產生一個額外的樣式表檔案，暫時命名為mystyles.css,該文 件中內容如 H4{color ：green；font-size：37px;font-family:impact}
P{text-indent:1cm;background;yellow;font-family:courier}
href屬性中可以選擇相對或者絕對URL
輸入樣式表：與連結法相似，不同之處在於：連結法不能同其他方法使用，但是IME可以
在<style>內的注釋標籤中可以加入@import url(company.css);
當植入樣式表和外部樣式表產生衝突時，會按照植入樣式表表現網頁的內容
加入樣式表：直接在HTML中加，在<body><h1 style="color:orange;font-family;impact">hahahaha</h1></body>
4、分類引用 ：p.first{color：green}
<p class=first>哈哈</p>
或者產生任何不加HTML標籤的分類:.first{color:green} 然後將class=first用於任何Html標籤處，而設 定的文字將以綠色顯示
5、按名稱調用字型：如h2{font-family:helvetica,impact,sans-serif}首先尋找在電腦中安裝的字型helvetica，找到則使用它，找不到則移向下一個字型（impact），如果這種字型也沒有安裝，則移向第三種字型（sans-serif），sans-serif參數是瀏覽器可以依據的最後一種參數，他告訴瀏覽器使用任何一種預設的sans-serif字型。
如果一種字型的名稱不只是一個單詞，則用引號包含該字型名稱
6、字型大小控制：使用font-size可以對文字的尺寸進行無限的控制，如p{font-size:16pt}
7、字型風格：斜體字：h3{font-style:italic} 粗體p{font-weight:bold},可用數值加粗，正常字型值400,900是加粗字型的最大值
8、文字修飾（text-decoration):底線，上劃線，刪除線，連結不以底線形式顯示
9、字間距：字型之間加入更大的距離：h3{word-spacing：10px}、字母間距h3{letter-spacing:10px}
10、行高：控制剛剛之間的垂直距離：b{line-height:16pt}、b{font-size:12pt;line-height:2}這裡行高將是24點、 b<font-size:10pt;line-height:140%>這裡行距是14points。
11、文字對齊：h4{text-align:center}只用於塊內容，left，right，center；
12、控制垂直對齊：h4{vertical-align:top}
13、文字縮行：只應用於整塊的內容，p{text-index:40%}該屬性只用於整塊的內容，如果被賦予一個負值，則文字第一行起始位置比其正常位置還偏左。
14、在HTML中，背景映像會隨頁面的滾動而滾動，可以利用CSS的固定背景屬性，建立不滾動的背景映像，即頁面滾動時，背景映像還是可以保持固定的，如body{background-attachment:fixed;background-image:url(background.gif)}
15、當一個要素被隱藏後，他仍然要佔據瀏覽器視窗中的原有空間，所以你將文字包圍在一幅被隱藏的映像後面，那麼，其顯示效果將是文字包圍著一塊空白地區。h4{visibility:hidden}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
