1. css是什麼?
2. css基本語法
注:css的所有子元素(包括子元素的子元素...)繼承父元素屬性,除非對子元素再定義
3. css常用屬性
css常用屬性
屬性css名稱
說明顏色
color
文字屬性
font-size
字型大小
font-family
字型text-align
文字對齊
邊框屬性
border-style
邊框樣式
border-width
邊框寬度
border-color
邊框顏色
定位屬性
top上邊距
left
左邊距width
height
z-index
z軸索引,用於層
4. css的派生選擇器:通過依據元素在其位置的上下文關係來定義樣式
strong
h2 h2 strong
the strongly emphasized word in this paragraph isred.
5. id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。以 "#" 來定義。可被用於派生選擇器
#red
#green
這個段落是紅色。
這個段落是綠色。
6. class選擇器,以「.」定義。可被用於派生選擇器
.center
7. 屬性選擇器,「」表示,可以是[屬性],也可以是[屬性=值]
//第一行為申明,指示 web 瀏覽器關於頁面使用哪個 html 版本進行編寫。
8. 插入css樣式表
a)外部樣式表:
b)內嵌樣式表:
this is a paragraph
注:不同申明的屬性重複時,會自動選擇更具體的 Web學習筆記 CSS 一 CSS 基礎
本文參考 w3school 簡介 層疊次序 樣式表優先順序 內聯樣式 在 html 元素內部 內部樣式表 位於 標籤內部 外部樣式表 瀏覽器預設設定 如果有多個樣式表時,瀏覽器會按上述順序進行使用樣式表,優先順序高的沒有才會使用優先順序低的 通過乙個例子來介紹css語法 將 h1 元素內的文字顏色定...
CSS基礎學習筆記
個人理解 距被控制的元素越近,優先順序越高 css基礎語法 選擇器 即需要改變樣式的 html 元素宣告 屬性和值 即css 規則格式為 selector property value porperty2 value 值的不同寫法和單位 值為單詞 風格 空格和大小寫 css高階語法 繼承及其問題 擺...
CSS基礎學習筆記
1.css樣式優先順序 元素上的樣式 style中嵌入的樣式 外部樣式檔案,其實不太準確,應當是當嵌入式出現在外部樣式的後面時,按照style出現的順序來渲染的,後面出現的會覆蓋前面的。同乙個樣式檔案中,元素選擇器越精確優先順序越高,id選擇器 100 類選擇器 10 元素選擇器 1 根據權值 累計...