CSS自己總結

liqingyu1995發表於2016-07-09
CSS

一、CSS樣式：<style type=“text/css”>...</style>

1、<em></em>本來就傾斜

2、font設定文字樣式

3、text-description：修飾文字

屬性：none/underline/overline/line-through/blink

        無/下劃線/上劃線/貫穿線（刪除線）/會讓文字閃爍

4、Letter-spacing：字元間距   word-spacing：字母間距

屬性：normal/length（預設/長度單位）

5、文字縮排：text-indent:2em;可以為負值，縮排兩個文字

6、垂直對齊方式：vertical-align:super/sub（上標/下標）


vertical-align:middle/top（居中(如上圖)/居上）

二、CSS控制連結----偽類

a:link{color:#FF0000;text-decoration:none/underline/overline/line-through;}

自定義連線----偽類：

<style  type=”text/css”>

a.web:visited{vertical-align:center;text-decoration:underline;color:red;}

p.web:visited{vertical-align:center;text-decoration:underline;color:red;}

</style>

<body>

<a href=””  class=”web”>網頁設計</a>

<p  class=”web”>網頁設計

</body>

三、CSS自己總結：

1、p{color:red;font-size:12px;}

2、p:link{color:red;text-decoration:underline;}

3、p:web{color:red;text-decoration:underline;}

4、.web{

font-size:12px；

color:red;

}

5、#One{

font-size:12px；

color:red;

}

<p class=”web” id=”One”>我很棒！

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/30211155/viewspace-2121769/，如需轉載，請註明出處，否則將追究法律責任。

相關文章