h5 其他偽元素

2022-09-04 13:48:19 字數 783 閱讀 5352

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>title

title

>

6<

style

>7/*

獲取第乙個字元:實現首字下沉*/8

p::first-letter

1314

/*獲取第一行內容:如果設定了::first-letter樣式,則無法同時設定該樣式

*/15

p:first-line

1819

/*來設定選中當前內容的樣式

*/20

p::selection

27style

>

28head

>

29<

body

>

30<

p>假如生活欺騙了你,<

br>不要悲傷,不要心急,<

br>因為明天他還騙你

p>

31body

>

32html

>

效果圖

H5的頁面元素

details語義 詳情 summary語義 概要,摘要 details元素可以實現類似顯示 隱藏的功能,summary用於顯示details的標題或者間接 注意 1 如果details下面沒有summary元素,瀏覽器會自動新增,同時內容是 詳細資訊 2 details預設是關閉狀態的,我們可以通...

H5新增 head元素

mime型別 每當瀏覽器請求乙個頁面時,web伺服器會在傳送實際頁面內容之前,先傳送一些頭資訊。瀏覽器需要這些資訊來決定如何解析隨後的頁面內容。最重要的是content type 比如 content type text html text html 即這個頁面的 內容型別 或者稱為mime型別。這...

H5中attr屬性的使用,偽元素,陰影

e attr value 查詢擁有指定的attr屬性並且屬性值為value的e標籤。如想查詢擁有class屬性並且值為red的li標籤 就是嚴格匹配。e attr value 查詢擁有指定的attr屬性並且屬性值中包含 可以在任意位置 value的e標籤。e attr value 查詢擁有指定的at...