簡單介紹CSS,學習入門自用=-=
以下筆記摘抄全部來自優達學城,感謝優達讓我入門。
什么是CSS
CSS即層疊樣式表,是一種標記語言。用來描述網站上各種元素的外觀。
CSS把網站的樣式和內容分開了。HTML寫頁面內容,CSS頁面內容呈現的樣式。
CSS規則集
一個簡單CSS語句中的基本構件模塊
下圖中,div為選擇器
規則集由兩部分組成,一個是選擇器,一個是聲明塊。
選擇器篩選出你想要添加樣式的HTML元素的代碼。
聲明塊用來描述你想要為指定HTML添加的樣式的代碼。
注釋
CSS注釋形式
CSS評論被開頭/*和結尾包圍*/。
例子
p{
????color: blue;
????}
/* add CSS here */
h1{
????color: red;
????}
屬性和選擇器
標簽選擇器
h1{
????color: green;
????}
使用標簽選擇器的話,會選擇所有的標簽。
class?屬性選擇器
.book-summary{
????color: blue;
????}
推薦:)可以給多個HTML元素添加同樣的屬性。
類可以應用在多個HTML元素中。
一個HTML元素也可以擁有多個類。
id?屬性選擇器
#site-description{
????color: red;
????}
我們要保守的使用ID。一個HTML元素只能擁有一個ID。
CSS參考
Mozilla開發者網絡 -?CSS參考
css-tricks.com -?CSS年歷
開發工具
谷歌瀏覽器F12召喚
火狐瀏覽器F12召喚
CSS單元
絕對單位:測量固定單元
相對單位:相對于另一個物體的固定長度
CSS顏色
RGB模式表現
例,洋紅色rgb(255,0,255)
Red:255
Green:0
Blue:255
body{
? ? background-color:rgb(255,0,255);
? ? }
十六進制表現
例,洋紅色#FF00FF 或 #F0F
Red:FF
Green:00
Blue:FF
body{
? ? background-color:#FF00FF;
? ? }