css 入門筆記

2021-09-09 07:41:48 字數 469 閱讀 3444

知識一:巢狀選擇器

知識二:display(顯示) 與 visibility(可見性)

1.隱藏元素 - display:none或visibility:hidden

2.display - 塊和內聯元素

3.如何改變乙個元素顯示

可以更改內聯元素和塊元素,反之亦然,可以使頁面看起來是以一種特定的方式組合,並仍然遵循web標準。

下面的示例把列表項顯示為內聯元素:

li
下面的示例把span元素作為塊元素:

span
下面的示例把span顯示為內聯塊元素,表現為同行顯示並可修改寬高內外邊距等屬性:

ul  // 原本垂直的列表就可以水平顯示了。
注意:

CSS入門筆記

按照css樣式書寫的位置 或者引入方式 css樣式表可以分為三大類 行內樣式表 行內式 內部樣式表 嵌入式 外部樣式表 鏈結式 內部樣式表是寫到htnl頁面內部,將所有的css 抽取出來,單獨放到乙個標籤中。divstyle 行內樣式表是在元素標籤內部的style屬性中設定css樣式,適合於修改簡單...

CSS入門筆記

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

CSS入門筆記02

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