CSS入門筆記

2021-10-10 22:21:47 字數 825 閱讀 6001

按照css樣式書寫的位置(或者引入方式),css樣式表可以分為三大類:

行內樣式表(行內式)

內部樣式表(嵌入式)

外部樣式表(鏈結式)

內部樣式表是寫到htnl頁面內部,將所有的css**抽取出來,單獨放到乙個標籤中。

>

divstyle

>

行內樣式表是在元素標籤內部的style屬性中設定css樣式,適合於修改簡單樣式。

style

="color

: red;

font-size

: 20px;

">

這是乙個段落p

>

實際開發都是外部樣式表,適合於樣式比較多的情況,核心是樣式單獨寫到css檔案中,之後把css檔案引入到html頁面中使用。

引入外部樣式表分為兩步:

新建乙個字尾名為.css的樣式檔案,把所有css**都放入此檔案中。

在html頁面中,使用標籤引入這個檔案。

rel=

"stylesheet"

href

="css檔案路徑"

>

屬性

作用rel

定義當前文件與被鏈結文件之間的關係,在這裡需要指定為「stylesheet」,表示被鏈結的文件是乙個樣式表檔案

href

定義所鏈結外部樣式表檔案的url,可以是相對路徑或是絕對路徑。

使用外部樣式表設定css,通常也被稱為外鏈式或鏈結式引入,這種方式是開發中常用的方式。

css 入門筆記

知識一 巢狀選擇器 知識二 display 顯示 與 visibility 可見性 1.隱藏元素 display none或visibility hidden 2.display 塊和內聯元素 3.如何改變乙個元素顯示 可以更改內聯元素和塊元素,反之亦然,可以使頁面看起來是以一種特定的方式組合,並仍...

CSS入門筆記

分層div,css定位position,層疊上下文 一.div分層 接下來就使驗證div分層各元素位置,主要思路是重疊覆蓋 1.1 背景範圍是從哪到哪?背景顏色div在什麼位置 背景範圍是從border外邊沿圍成的區域。思路 如何驗證呢?可以通過設定邊框半透明來看 過程 如下 charset utf...

CSS入門筆記02

塊級元素和行內元素 塊級元素 特點 1.總是從新行開始 2.高度 行高 外邊距 內邊距都可控制 3.預設寬度是容器的100 4.可容納內聯元素和其他塊元素 行內元素 特點 1.和相鄰行內元素在一行 2.寬 高無效,但水平方向padding和margin可以設定,垂直方向無效 3.預設寬度為本身內容寬...