web設計 css用法(7)

2021-09-23 14:17:25 字數 1181 閱讀 8651

內聯式

內聯式就是直接在html標籤中填寫

例如,在標籤中新增屬性style,每乙個css樣式之間用分號;隔開,下面的**中設定了h1標籤中的字型顏色color,字型大小font-size

嵌入式

嵌入式就是在head標籤中插入乙個style標籤,例如

鏈入式

鏈入式就是在html檔案中鏈入乙個外部css檔案,例如

css檔案.css中的內容

h1
使用鏈入式可以減少html檔案的**量,看起來更美觀。

上面已經介紹了css嵌入式的使用方法

選擇器是什麼呢?

看下面的**

**中有兩個h1標籤,上面的css屬性是對哪乙個h1標籤進行設定呢?在這種情況下,兩個h1標籤都會設定

如果我們想對第二個h1標籤進行設定該怎麼辦

可以加入選擇器

選擇器分為標籤選擇器,id選擇器,類選擇器

1.標籤選擇器

想我們剛剛這種情況就是標籤選擇器

2.id選擇器

id選擇器就是在標籤中加入id這個屬性,而且這個屬性的值是唯一

id選擇器在id屬性值的前面加上#

3.類選擇器

類選擇器就是在標籤中加入class這個屬性,與id不一樣的是,這個屬性值可以是相同的

屬性值相同時,css樣式也是相同的

class選擇器需要在屬性值的前面加上點號.

css設計指南 筆記7

過渡屬性 transition property 過渡的css屬性名,如color width transition duration 過渡的持續時間,如2s 500ms transition timing function 過渡的調速函式,如linear ease in ease out ease...

Web前端 css7 透明 居中

css控制元素隱藏的幾種方式 不佔位 1.display none 2.width 0 height 0 佔位 1.visibility hidden 2.opacity 0 3.margin left 5000px 要注意 方向問題 行內元素 和行內塊元素 內部不能巢狀塊級元素 塊級元素可以巢狀其...

Web前端學習(二) Css的基礎用法

css 層疊樣式表 英文全稱 cascading style sheets 是一 種用來表現html 標準通用標記語言的乙個應用 或xml 標 準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不 僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁 各元素進行格式化 格式 屬性 屬性值...