CSS 標籤rel和media的解釋

2022-08-14 04:48:10 字數 1280 閱讀 7651

**:

media = "screen" rel = "stylesheet"

rel:relations的縮寫,是指的關聯到的檔案是什麼。此處是指關聯到乙個stylesheet

rel = "shortcut icon"和"icon"的區別:

shortcut icon特指瀏覽器位址列左側顯示的圖示,一般大小為16 x 16, 字尾名為.icon

icon指的是圖示,格式可為png,gif,jpeg,尺寸一般為16x16, 24x24, 36x36等

應用**:

<

link

rel="shortcut icon"

href

="..."

type

="image/x-icon"

>

各尺寸自適應**:

預設(老裝置):57x57,ipad:72x72,iphone 4,retina屏:114x114(原尺寸的2倍)

<linkrel=href=/>

<linkrel=sizes="72x72"href=/>

<linkrel=sizes="114x114"href=/>

media = 'screen':** = 全螢幕

media用於指定這個css用於何種裝置

screen:預設值,計算機螢幕

print:印表機

projection:投影機

aural:揚聲器

braille:凸字觸覺感知裝置

tty:電傳打字機

tv:電視機

all:所有輸出裝置

HTML 標籤的 rel 屬性

html 標籤 在下面的例子中,rel 屬性指示被鏈結的文件是乙個樣式表 親自試一試 rel 屬性規定當前文件與被鏈結文件之間的關係。只有 rel 屬性的 stylesheet 值得到了所有瀏覽器的支援。其他值只得到了部分地支援。value 值 描述alternate 文件的替代版本 比如列印頁 翻...

HTML 標籤的 media 屬性

html 標籤的 media 屬性 media 屬性規定被鏈結文件將顯示在什麼裝置上。media 屬性用於為不同的媒介型別規定不同的樣式。兩種不同的樣式表,針對兩種不同的媒介型別 計算機螢幕和列印 所有瀏覽器都支援值為 screen print 以及 all 的 media 屬性。值描述 scree...

標籤中的rel屬性的含義

rel與rev屬性相同,它們都是屬於linktypes屬性.rel 屬性 rel屬性,描述了當前頁面與href所指定文件的關係,rel是relationship 關係 的英文縮寫.rev 屬性 rev屬性,描述了href所指定文件與當前頁面的關係,rev是reverse link 反向鏈結 的英文縮...