CSS學習第一天

2021-10-06 21:31:21 字數 1130 閱讀 9916

在css中,我們需要選擇器來進行選擇我們要進行操作的標籤,它的作用就是選擇標籤。

1.基礎選擇器

形式標籤名

例如:

div
類選擇器

這是使用最多的選擇器

形式:.類名

例如:

.eg
注意不要忘記類名前面的乙個點。這裡有乙個口訣可以幫助我們記憶「樣式點

定義,結構(class)呼叫,乙個或多個,開發最常用。

id選擇器

形式:#id名 :

# eg 

引用:

注意,乙個id選擇器只能呼叫一次(樣式#定義,結構id呼叫,只能用一次)。

萬用字元選擇器

作用於整個介面

形式:font-family

字型系列 例如:微軟雅黑

font-size

文字大小

font-weight

字型粗細

font-style

文字的風格 例如:斜體 加粗等等

使用示例:

div 

/* 考慮到每乙個屬性都會占用一行,會增加**量,我們這裡可以採用符合屬性,值得注意的是,書寫符合屬性是順序不能顛倒 */

p {font: font-style font-weight font-size/line-height font-family;

text

設定文字水平對齊方式:left rigth center

text-decoration

新增下劃線 上劃線 刪除線等

line-height

設定行間距

text-indent

文字第一行的縮排 2em為兩個位元組的大小

1.行內式:顧名思義就是書寫在標籤內的樣式

用於比較簡單的樣式

eg:

2.內部式

書寫在head標籤中

eg:

3.外部樣式表:

用於樣式比較多的情況下,單獨建立乙個css檔案 ,使用時引入

引用:

css學習第一天

1 沒有樣式表時,如果我想更新整個站點中所有主體文字的字型,我必須一頁一頁地修改每張網頁。即便站點用資料庫提供服務,我仍然需要更新所有的模板,而且更新每一模板中每乙個例項例項的 樣式表的主旨就是將格式和結構分離。利於樣式表,我可以將站點上所有的網頁都指向單一的乙個 css檔案,我只要修改 css檔案...

CSS 學習第一天

css的三種引入方式 1.內嵌 直接在標籤中新增style屬性 格式 標籤名 style 樣式1 樣式值1 樣式2 樣式值2 2.內聯 在head標籤中新增 格式選擇器 樣式1 樣式值1 樣式2 樣式值2 1.id選擇器 在標籤中新增id屬性 標籤名 id id值 2.class選擇器 在標籤中新增...

學習第一天

知識是學會的,不是教會的 程式設計 驗證性或體驗性 創造性 學程式設計的4個階段 1.能看懂別人的 除錯別人的 2.能修改別人的 3.能拷貝別人的 做自己的事 4.能自己設計編寫 方法 多讀 做記錄 執行 修改 執行 練習,光說不練假把式 刷oj總結 寫部落格或許是個不錯的選擇 學生和已經工作的程式...