首頁 > web前端 > css教學 > CSS簡單學習的重點

CSS簡單學習的重點

不言
發布: 2018-04-21 15:46:32
原創
1330 人瀏覽過

這篇文章介紹的內容是CSS簡單學習的要點,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

參考:http://www.w3school. com.cn/css

CSS就是讓HTML元素顯示的更規範的一種東西,可以寫在標籤裡,文件頭,文件外,瀏覽器缺省設置(級別由高到低),可以統一規範。

元素{屬性:值}

h1 {color:red; font-size:14px;}
登入後複製

將h1 元素內的文字顏色定義為紅色,同時將字體大小設為14 像素

CSS 對大小寫不敏感。不過有一個例外:如果涉及到與 HTML 文件一起工作的話,class 和 id 名稱對大小寫是敏感的。

你可以將選擇器分組,這樣,被分組的選擇器就可以分享相同的宣告。

h1,h2,h3,h4,h5,h6 {  color: green;  }
登入後複製

所有的標題元素都是綠色的。

id ​​選擇器以「#」 來定義

#red {color:red;}#green {color:green;}
登入後複製

第一個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>
登入後複製

id屬性只能在每個HTML 文件中出現一次

派生選擇器:透過上下文定義樣式
id選擇器:特定id定義樣式用
#類別選擇器:.類別名稱
屬性選擇器:為指定屬性定義樣式

外部樣式表:

<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>
登入後複製

            

#

以上是CSS簡單學習的重點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板