三種列表以及行級塊三種元素的轉變

2021-09-29 05:43:08 字數 853 閱讀 6931

在講列表之前先說乙個剛學的選擇器:萬用字元選擇器「*」

萬用字元選擇器有好處也有壞處,好處就是能一次選中所有的標籤,省事 。短處就是把不必要的標籤也會選中,增加瀏覽器的負荷。最好的解決辦法就是按需求選擇。

無序列表ul

內部必須有子標籤

ul天生自帶內外邊邊距,還帶乙個p標籤

有序列表ol

內部必須有子標籤

天生自帶內外邊距

ol和ul的區別就在於前邊的符號不同

有序列表改變前面的符號用標籤屬性type修改,無序列表在style裡修改

自定義列表:

dl自定義列表  dt是小標題  dd是內容

列表能作甚?

做選單 做二級導航

margin和padding的**:

margin:200px;設定乙個值,說明上下左右都是200px

margin:200px 100;設定兩個值  上下都是200  左右是100

margin:200px 50px 100px設定三個值,上是200px 左右是50px 下是100px

margin:200px 50px 100px 50px設定四個值,順時針順序 上是200右是50 下是100 左是50

margin的塌陷現象是什麼?

根據兩個元素同時設定margin時。他們之間的外邊距不會疊加,會去最大的。這種現象叫margin塌陷。

行級塊三種元素的轉變:

塊級轉行級:給行級元素新增屬性display: inline;

行級轉塊級:給塊級元素新增屬性display:block;

行級塊元素:給需要的元素新增屬性diisplay:inlline-block。

靈活運用這三種轉變,會有很大的效果。

替換列表元素的三種方法

把列表中的元素直接更改 替換。例子 表面列表aaa中的元素 黑色 替換成 黃色 aaa 黑色 紅色 白色 黑色 第一種方法 不建議 aaa 黑色 紅色 白色 黑色 aaa str aaa bbb aaa.replace 黑色 黃色 bbb結果 黃色 紅色 白色 黃色 第二種方法 aaa 黑色 紅色 ...

行鎖的三種演算法

record lock總是會鎖住索引記錄,如果innodb儲存引擎表在建立的時候沒有設定任何乙個索引,那麼這時innodb儲存引擎會使用隱式的主鍵來進行鎖定。設計目的 是為了解決phantom problem 幻象 幻讀 利用這種鎖技術,鎖定的不是單個值,而是乙個範圍。next key lock是結...

Python selenium 三種等待元素方式

這種叫強制等待,不管你瀏覽器是否載入完了,程式都得等待,時間讀完繼續執行下面的 太死板,嚴重影響程式執行速度。from selenium import webdriver from time import sleep driver webdriver.firefox driver.get sleep...