▶css（cascading style sheets），
稱為css樣式表、層疊樣式表、級聯樣式表
▶ 作用：
設定版面的布局和外觀顯示樣式
▶行內式（內連樣式）——控制乙個標籤
style
="color
: pink;
font-size
: 23px
">
蘿莉賽高！div
>
▶內部樣式表（內嵌樣式表）——控制乙個頁面
將css**集中寫在html文件的head頭部標籤中，並用style標籤定義
>
type
="text/css"
>
h2style
>
head
>
理論上style雙標籤可以放在任何位置，但一般放在head中
type="text/css"在html5中可以省略
與行內式相比，減少了許多重複的**；但仍沒有實現樣式與html的完全分離
▶外部樣式表（外鏈式）——控制整個站點（多個頁面）
就是將所有的樣式放在乙個或多個以.css為副檔名的外部樣式檔案中
再通過link標籤將外部樣式檔案鏈結到html文件中
/* .css檔案 */
/* 選擇器 */
h3
>
rel=
"stylesheet"
type
="text/css"
href
="mystyle.css"
/>
head
>
▶ 選擇器的作用：找到特定的html元素（即選擇標籤用的！）
▶ 選擇器可以分為基礎選擇器和復合選擇器；下面先只講基礎選擇器
▶標籤選擇器把某一種標籤全部選擇出來
▶類選擇器
.pink
class
="pink"
>
蘿莉本自天成p
>
※ 類選擇器的特殊用法——多類名
class
="pink font100"
>
蘿莉本自天成p
>
#pink
"pink"
>
蘿莉本自天成p
>
▶萬用字元選擇器
*
但這種情況經常會見到：清除所有html的預設邊距
*
font-size大小
font-family字型
font-weight字重（粗細）
font-style字型風格
font字型連寫
▶font-size: 大小
• px最常用；em和絕對長度單位(in,cm,pt…)很不常用
• 谷歌瀏覽器預設文字大小為16px
• 為了避免使用預設大小，給body指定文字大小body
▶font-family: 字型
• google預設微軟雅黑
• 可指定多個字型：p
如果瀏覽器不支援第乙個字型，則去嘗試下乙個；都不支援使用電腦預設字型
• 包含空格、#、$等的英文需要加引號；中文必須加引號
• 設定字型可以直接寫中文，但在（gb2312、utf-8）等編碼下不匹配時會產生亂碼
所以把"微軟雅黑"寫成英文"microsoft yahei"或者unicode碼（\5fae\8f6f\96c5\9ed1）會更好
▶font-weight: 字重值
含義normal預設值（不加粗）
bold（加粗）
100~900400等同normal，700等同bold
▶font-style: 字型風格值
含義normal預設
italic斜體
常用：給標籤取消斜體(normal)，作為乙個無語義的標籤使用
▶綜合性寫法
• 順序：font: font-style font-weight font-size/line-height font family;
loli
▶color：文字顏色
表示方式
值預定義的顏色red, green, blue, pink…
16進製制#ff0000或簡寫#f00
rgbrgb(255,255,255)或rgb(100%,0%,0%)
▶text-align: 文字水平對齊方式
可以取left、center、right
▶line-height：行間距（行高）
值的單位可以是px、em、百分比。通常用畫素px
▶text-indent：首行縮排
值的單位可以是px、em、百分比。通常用2em，即兩個漢字的寬度
▶text-decoration：文字的裝飾值
解釋none無裝飾
underline下劃線
overline上劃線
line-through刪除線
總之就是敲tab鍵
❶ class(.) id(#)
❷ 父子結構(>) 兄弟結構(+) 上級(^)
❸ 重複(*)
❹ 自增($)
❺ 分組(()) 屬性() 文字({})
☀ 注文章案例改編自《黑馬程式設計師-web前端》
&lolisaikou
第一天筆記
ide integrated development environment 整合開發環境 常用開發環境有idle pythcharm wingide eclipse ipython 1.ctrl z 和回車 2.輸入quit 命令 3.直接關閉命令列視窗 ctrl c python中一切皆物件。物...
css學習第一天
1 沒有樣式表時，如果我想更新整個站點中所有主體文字的字型，我必須一頁一頁地修改每張網頁。即便站點用資料庫提供服務，我仍然需要更新所有的模板，而且更新每一模板中每乙個例項例項的 樣式表的主旨就是將格式和結構分離。利於樣式表，我可以將站點上所有的網頁都指向單一的乙個 css檔案，我只要修改 css檔案...
CSS學習第一天
在css中，我們需要選擇器來進行選擇我們要進行操作的標籤，它的作用就是選擇標籤。1.基礎選擇器 形式標籤名 例如 div類選擇器 這是使用最多的選擇器 形式 類名 例如 eg注意不要忘記類名前面的乙個點。這裡有乙個口訣可以幫助我們記憶 樣式點 定義，結構 class 呼叫，乙個或多個，開發最常用。i...