成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

【靜態(tài)頁面架構(gòu)】CSS之鏈接和圖像

jlanglang / 1825人閱讀

CSS架構(gòu)

一。鏈接:

鏈接元素:通過使用a元素的href屬性設(shè)置跳轉(zhuǎn)到指定頁面地址

  


這是個(gè)鏈接

絕對(duì)路徑與相對(duì)路徑:

絕對(duì)路徑:以域名開頭，到域名后面可指定具體頁面或資源的路徑

相對(duì)路徑:在當(dāng)前頁面與資源處在一個(gè)目錄就是相對(duì)路徑

當(dāng)前頁面與資源在子級(jí)目錄，就是../目標(biāo)文件

當(dāng)前頁面與資源在父級(jí)目錄，就是目錄文件名/目標(biāo)文件名

當(dāng)前頁面與資源與父級(jí)目錄處在同一個(gè)目錄，就是..目錄文件名/目標(biāo)文件名


這是抖音鏈接


我的email

錨點(diǎn):通過a元素的href屬性與其他元素的ID屬性配合，實(shí)現(xiàn)錨點(diǎn)效果


這是頂部
















回到頂部

下載功能:以a元素的Download屬性鏈接，用做下載到本地文件


下載圖片

動(dòng)態(tài)為類選擇器:




這是一個(gè)鏈接

二。圖像:

圖片元素:以SRC引入圖片的路徑




 alt="小姐姐">

背景圖像:以background-image屬性引入一個(gè)或多個(gè)圖像對(duì)頁面進(jìn)行顯示

平鋪方式:background-repeat屬性定義頁面背景圖像的平鋪方式

背景關(guān)聯(lián):background-attachment屬性用來設(shè)置背景圖像是固定的還是跟頁面滾輪拖動(dòng)的





愛新覺羅


Lorem ipsum dolor sit amet, consectetur adipisicing elit

background屬性:用來設(shè)置多個(gè)背景屬性的簡(jiǎn)寫屬性

精靈圖(雪碧圖):將一些小圖標(biāo)合成一個(gè)圖片，進(jìn)行移動(dòng)摳圖

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/113812.html

相關(guān)文章

  • 【靜態(tài)頁面架構(gòu)】CSS之盒子模型

    摘要：架構(gòu)盒子模型以內(nèi)容區(qū)顯示文本和圖像內(nèi)邊距內(nèi)容區(qū)至邊距的距離邊距內(nèi)容區(qū)的邊界外邊距元素的邊框之間的距離邊距屬性簡(jiǎn)寫屬性用來設(shè)置邊距的上右下左。 CSS架構(gòu) 盒子模型； 以內(nèi)容區(qū)(顯示文本和圖像) 內(nèi)邊距(內(nèi)容區(qū)至邊距的距離) 邊距(內(nèi)容區(qū)的邊界) 外邊距(元素的邊框之間的距離) 1.邊距； border屬性； 簡(jiǎn)寫屬性用來設(shè)置邊距的上(top)右(right)下(bottom)左(lef...

    fanux 評(píng)論0 收藏0

  • 【靜態(tài)頁面架構(gòu)】CSS之其它元素

    摘要：架構(gòu)其他元素塊級(jí)元素與內(nèi)聯(lián)元素該元素獨(dú)占一行只以垂直方向排列內(nèi)聯(lián)元素該元素不會(huì)獨(dú)占一行，只以水平方向排列不能設(shè)置寬高行內(nèi)塊級(jí)元素該元素不會(huì)不會(huì)獨(dú)占一行，還是水平方向排列，可設(shè)置寬高塊級(jí)元素元素獨(dú)占一行，以垂直方向排列內(nèi)聯(lián)元素元素不會(huì)獨(dú)占一行 CSS架構(gòu) 其他元素； 塊級(jí)元素與內(nèi)聯(lián)元素；該元素獨(dú)占一行只以垂直方向排列 內(nèi)聯(lián)元素；該元素不會(huì)獨(dú)占一行，只以水平方向排列(不能設(shè)置寬高) 行...

    weakish 評(píng)論0 收藏0

  • Html和Css學(xué)習(xí)筆記-html基礎(chǔ)知識(shí)

    摘要：我的郵箱地址歡迎大家交流學(xué)習(xí)糾錯(cuò)此篇博客是我的復(fù)習(xí)筆記，和學(xué)的時(shí)間太久了，忘得差不多了，最近要使用一下，所以重新打開的書略讀，后記錄了標(biāo)簽，元素，屬性的具體意義。有些標(biāo)記有屬性，具體格式，以標(biāo)記為例，其中為標(biāo)記的屬性。我的郵箱地址:[email protected]歡迎大家交流學(xué)習(xí)糾錯(cuò)！ 此篇博客是我的復(fù)習(xí)筆記，html和css學(xué)的時(shí)間太久了，忘得差不多了，最近要使用一下，所以重新打開htm...

    yzzz 評(píng)論0 收藏0

  • 【靜態(tài)頁面架構(gòu)】CSS之顯示與溢出

    摘要：架構(gòu)顯示與溢出顯示屬性以設(shè)置隱藏效果和元素類型設(shè)置當(dāng)前元素為隱藏效果這種方式將元素設(shè)置為隱藏后，該元素不會(huì)再占有頁面空間通過屬性將元素顯示將元素設(shè)置為塊級(jí)元素將元素設(shè)置為內(nèi)聯(lián)元素將元素設(shè)置為行內(nèi)元素屬性以設(shè)置，元素顯示或隱藏 CSS架構(gòu) 顯示與溢出； 1.顯示； display屬性； 以display設(shè)置隱藏效果和元素類型 div { widt...

    tolerious 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<