CSS 初級攻略

來源:互聯網
上載者:User

標籤:png   first   height   css3   html   logs   color   span   進階   

內容來自html dog.

 

css的格式為 ‘property: value’ 

給html插入css樣式的方式有三種:內聯、內部css、外部css檔案,如下所示:

<p style="color: red">text</p>
<!DOCTYPE html><html><head><title>CSS Example</title><style>    p {        color: red;    }    a {        color: blue;    }</style>...
<!DOCTYPE html><html><head>    <title>My first web page</title>    <link rel="stylesheet" href="style.css"></head>...

 css要設定html的樣式,首先必須先獲得html元素的選取器,

最簡單的選取器就是直接使用html元素名稱,如下所示

 css中的度量單位:

 css中的顏色:

分為兩種表示方式,還有一些預定義的顏色,css3還會有一些進階設定。

 css中的文字

不同的電腦中有不同的字型,有時候你設定的字型在其它電腦上是無效的。

但是也有那麼些安全的字型,比如:Arial,Verdana、Times New Roman等

比較保險的方法是設定多個字型(用逗號分割),這樣瀏覽器在找不到第一種字型的情況下就會去尋找第二種字型、依次下去

需要注意的是,如果字型多於一個字,那麼應該把它放進雙引號裡,如font-family: "Times New Roman"

下面是字型相關的幾個css屬性:

補充:font-size是修改文字大小,各種劃線是text-decoration,在整體樣式上還有一些如下

不過我想應該不會經常用。。。

 

CSS 初級攻略

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.