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

jlanglang 發(fā)布于2019-08-29 16:32 / 1824人閱讀

CSS架構(gòu)

一。鏈接:

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

  


這是個鏈接

絕對路徑與相對路徑:

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

相對路徑:在當前頁面與資源處在一個目錄就是相對路徑

當前頁面與資源在子級目錄，就是../目標文件

當前頁面與資源在父級目錄，就是目錄文件名/目標文件名

當前頁面與資源與父級目錄處在同一個目錄，就是..目錄文件名/目標文件名


這是抖音鏈接


我的email

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


這是頂部
















回到頂部

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


下載圖片

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




這是一個鏈接

二。圖像:

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




 alt="小姐姐">

背景圖像:以background-image屬性引入一個或多個圖像對頁面進行顯示

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

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

愛新覺羅

Lorem ipsum dolor sit amet, consectetur adipisicing elit

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

精靈圖(雪碧圖):將一些小圖標合成一個圖片，進行移動摳圖

GPU云服務(wù)器云服務(wù)器架構(gòu)之坑系列 jsp 設(shè)置頁面之企業(yè)it架構(gòu)轉(zhuǎn)型之道 css鏈接

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/113812.html

相關(guān)文章

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

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

fanux 2019-08-29 16:34 評論0 收藏0
【靜態(tài)頁面架構(gòu)】CSS之其它元素

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

weakish 2019-08-29 16:32 評論0 收藏0
Html和Css學(xué)習(xí)筆記-html基礎(chǔ)知識

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

yzzz 2019-04-23 11:47 評論0 收藏0
【靜態(tài)頁面架構(gòu)】CSS之顯示與溢出

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

tolerious 2019-08-29 16:34 評論0 收藏0