有關HTML CSS HTML5的細碎知識2

2021-10-10 17:50:43 字數 3137 閱讀 9131

font:font-style font-variant font-weight font-size/line-height font-family

要求:(1)font-style font-variant font-weight 是可選的,並且可以任意組合,但是必須出現在 font-size 前面。

(2)font-size 必須寫,指定字型大小。

(3)line-height 是可選的,當設定的數字後面沒有帶單位,代表的是本身元素的大小的多少倍。

(4)font-family 設定字型的系列,必要。

2. 偽類

偽類使用的一般順序:link,visited,hover,focus,active,可以同時設定多個狀態。

使用方法:

a:link
link:未訪問過的狀態;

visited:已訪問過的狀態;

hover:懸浮於之上的狀態;

focus:獲得焦點的狀態(需要使用到鍵盤而不是滑鼠);

active:活躍中的狀態。

能夠隔行進行修改樣式的偽類:nth-child

p:nth-child(even)

p:nth-child(odd)

或者p:nth-child(2n)

3. float浮動布局和絕對定位布局的相同點和區別相同點:

使用了float浮動和絕對定位以後的元素都脫離正常的元素流,即從按**編寫的排版布局中脫離出來,不再占有位置。

區別:

使用float浮動的元素依舊會被流中的文字元素感知,即當正常流中的文字遇到float元素以後會自動圍繞浮動元素排版,並且可以使用clear進行浮動清理。

但是使用了絕對定位布局的元素則會被正常流中的元素完全忽略,並不會圍繞絕對定位布局的元素進行布局,會直接被絕對定位布局的元素覆蓋,也不能使用clear進行浮動清理。

4. 使用table進行布局

//html大體布局

...

...

//css樣式布局

5. **相關在< table >標籤中可以通過新增< caption >標籤來給**增加乙個標題。

caption-side 設定標題的位置,比如:caption-side:bottom;即設定標題在**下方。

border-spacing 是單元格之間的空間,也就是邊框距離。

border-collapse 用於摺疊邊框,可以把兩個緊挨的合併成乙個邊框,比如:border-collapse:collapse;

6. ul中的li樣式設定

自定義標記:

7. html5中新增輸入型別(1)數字輸入

//使用min和max來限制允許輸入的數值,通過step設定步長

(2)範圍輸入

//使用min和max來限制允許輸入的數值,通過step設定步長
(3)顏色輸入

(4)日期輸入

(5)email輸入

(6)tel輸入

(7)url輸入

8. fieldset和legendfieldset將公共的元素組織在一起,legend為他們提供乙個標籤名字

標籤名稱

salt

pepper

garlic

9. 偽元素可以用來選擇元素的某些部分,比如:

p:first-letter 

p:first-line

10. 屬性選擇器

img[width] 

img[height="300"]

img[alt~="flowers"]

11. 按兄弟選擇

h1+p

有關MD5加密的學習

全稱 message digest algorithm 5 翻譯過來就是 資訊 摘要 演算法 5 2.後續講解 3.關於md5加鹽 比如我的銀行密碼是 12345 1.得到的md5是 827ccb0eea8a706c4c34a16891f84e7b 2.乙個人擷取到這個密文,那麼通過撞庫肯定容易撞出...

有關日本人的5個笑話

1.四個外科醫生圍坐在一起,談論他們喜歡為何種人做手術。第乙個醫生說 我最喜歡為圖書管理員做手術。當你開啟他們的身體時,裡面 的一切東西都是按字母順序排列的。第二個醫生說 我最喜歡為會計做手術。當你開啟他們的身體時,一切都是按 數字順序排列的。第三個醫生說 我最喜歡為電工做手術。當你找開他們的身體時...

有關TP5 模型關聯隨筆

一對一關聯 hasone 關聯模型 外來鍵 主鍵 關聯模型 必須 關聯的模型名或者類名 外來鍵 預設的外來鍵規則是當前模型名 不含命名空間,下同 id 例如user id 主鍵 當前模型主鍵,缺省會自動獲取也可以指定傳入 一對多關聯 hasmany 關聯模型 外來鍵 主鍵 關聯模型 必須 模型名或者...