網頁樣式使用方法-tft每日頭條

網頁樣式使用方法

生活更新时间:2024-07-01 12:49:11

移動網頁布局常見的布局方式有以下3種：

流式布局：通過定義寬度百分比、高度固定的方式實現網頁布局

固定布局：通過定義寬度固定、屏幕超出留白的方式實現網頁布局

響應式布局：一個網頁可以适應多個終端，通過獲取設備的屏幕尺寸和分辨率進行判斷和布局調整

在rem的簡介中我們提到，rem是基于網頁根元素字體大小的相對單位，也就是通過html中全局font-size字體大小屬性就可以控制rem的大小。在講解其原理之前，首先通過一個實例來了解一下rem單位與字體大小的關系。

在本地新建wxshop的本地項目，在項目目錄下新增css、js和images3個目錄存儲靜态文件，随後新增img.html文件，增加代碼如下

在遊覽器中運行的效果如圖所示

實例中定義了全局font-size為20px，所以1rem就等于20px。那麼定義的樣式為：

img{
display: block;
margin:2rem auto;
width:15rem;
}

而定義img的圖片寬度15rem，也就是等于300px。再次修改font-size屬性，由20px減半為10px：

html{
font-size:10px;
}

在遊覽器中運行的效果如圖所示

網頁樣式使用方法（移動網頁rem與字體大小布局介紹在遊覽器中運行的效果如圖所示）3

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活雪佛蘭新賽歐頂配版
選擇雪佛蘭新賽歐開啟全新幸福家庭之旅來源：經銷商供稿日期：2014-09-03幸福是什麼？1000個人眼裡有1000種幸福。但是很有時候，你獨自在外苦苦追尋成功，卻比不上有一個溫暖的家，家人常伴左右。而作為專為年輕家庭打造的幸福家轎，新賽歐... 2022-12-03
生活胡漢三回來
, 2022-11-12
生活形容竹子的精神的成語
形容竹子的精神的成語?堅韌不拔[jiānrènbùbá]，今天小編就來聊一聊關于形容竹子的精神的成語?接下來我們就一起去研究一下吧!形容竹子的精神的成語堅韌不拔[jiānrènbùbá]【解釋】：堅：堅定；韌：柔韌。形容意志堅定，不可動搖。... 2022-08-11
生活小蘇打和白醋的化學反應産生什麼
小蘇打和白醋的化學反應産生什麼?小蘇打和白醋的主要化學成分分别是“碳酸氫鈉”與“乙酸”，這兩種化學物質遇到一起會發生複分解反應，産生大量的“二氧化碳”氣體，接下來我們就來聊聊關于小蘇打和白醋的化學反應産生什麼?以下内容大家不妨參考一二希望能... 2022-06-30
生活法西斯什麼意思
法西斯什麼意思?“法西斯”起源于羅馬象征着強權、暴力、恐怖統治，對外侵略掠奪，所以成為了納粹的代稱，我來為大家科普一下關于法西斯什麼意思?下面希望有你要的答案，我們一起來看看吧!法西斯什麼意思“法西斯”起源于羅馬。象征着強權、暴力、恐怖統治... 2022-07-20
生活成交量戰法技巧詳解
（本文由公衆号越聲投顧（yslcw927））整理，僅供參考，不構成操作建議。如自行操作，注意倉位控制和風險自負。)盯住成交量股市中有句俗話：成交量無法騙人，這句話有一定的道理。莊家在吸籌、拉高、出貨等階段，可以用各種技術指标蒙騙股民，但千騙... 2022-11-25
生活追女生得學會這些套路
都說女人心，海底針，通常我們在生活，當中由于男女，思維上的差異，讓很多男生，很難去理解女生的一些行為，這就很容易導緻兩個人在互動的時候，産生矛盾.........很多女生就會說，哎你不懂我，那咱們有沒有什麼辦法把，女生的心理，和行為全都搞懂... 2023-03-08
生活經常護理皮膚有什麼好處
經常護理皮膚有什麼好處?能讓女人越來越健康，經常做美容能令經絡得到疏通，全身的血氣得到通暢，身體不再感覺到酸痛，四肢也可以得到舒暢，從而使得人體從内到外變得越來越健康，而且臉上的皮膚也會紅潤、富有光澤，我來為大家講解一下關于經常護理皮膚有什... 2022-06-15
生活被阻止降價的房地産
#頭條創作挑戰賽#9月21日，湖南省衡陽市衡東縣發布《關于促進房地産業和建築業平穩健康發展的若幹政策措施（試行）》（以下簡稱“《措施》”），本政策自印發之日起執行，有效期一年。文件涉及首付比例、購買優惠、公積金貸款額度等14條措施。尤其令人... 2022-12-05
生活燒龍蝦怎麼燒
燒龍蝦怎麼燒?食材：龍蝦3斤，十三香适量，麻椒适量，幹辣椒适量，姜小半塊，蔥5根，蒜20瓣，菜籽油适量，白湯醬油适量，紅湯醬油适量，鹽10克，糖20克，今天小編就來聊一聊關于燒龍蝦怎麼燒?接下來我們就一起去研究一下吧!燒龍蝦怎麼燒食材：龍蝦... 2022-08-12
生活 spf15防曬霜哪款效果好用
夏天真的是一個奇妙多姿的季節，白天長了，但是出去耍的時間少了；包包小了，因為無論天氣如何，包裡總得備上一把傘；喝的水多了，上廁所的次數卻少了。圖片來源于網絡除了這些，夏天卻也能給我們帶來一些意外，尤其現在疫情依舊沒有徹底結束，出門戴口罩除了... 2022-12-20
生活獲得票據利息的會計分錄
計提應付票據利息會計分錄計提應付票據利息100元會計分錄：借：财務費用貸：應付票據還款時會計分錄：借：應付票據财務費用貸：銀行存款在現實中，100元利息屬于小額利息，可以不進行計提，在票據到期時連本帶利一起還，利息則直接計入應付票據。财務費... 2022-12-04
生活萬籁俱寂的意思是什麼
萬籁俱寂的意思是什麼?萬籁俱寂，漢語成語，最早出自唐·常建《題破山寺後禅院》詩該成語的意思是形容周圍環境非常安靜，一點聲響都沒有；句式為主謂式，一般作謂語、定語，今天小編就來說說關于萬籁俱寂的意思是什麼?下面更多詳細答案一起來看看吧!萬籁俱... 2022-07-17
生活豬八戒為什麼封菩薩
（蝸牛看西遊第2438期）文/牽着蝸牛散步豬八戒叫什麼名字？很多人并不知道。可能有人說叫呆子，有人說叫悟能，還有人說叫天蓬，或者有人反問，他不就叫八戒嗎？其實，以上都不是他的原名。原名，也叫學名。就像小的時候，父母除了給你起個阿貓阿狗的名字... 2022-11-11
生活夏天防曬的最佳選擇
哈喽，各位小仙女們~随着時間的推移夏天已經到來逐漸炎熱的夏天，而說到夏天，小可愛們可能對于防曬特别關心，很多新手寶寶和不太會化妝的寶寶，有點不太會選擇防曬霜，今天小八就來帶你盤點一下夏季最好用也最适合用的防曬霜！一、蘭蔻uv小白管空氣感防曬... 2023-02-19
生活紅豆薏米粥養顔嗎
紅豆薏米粥養顔嗎?薏米和紅豆一起煮着吃可以美白薏米和紅豆都是很好的排尿食物，這兩種食物混合在一起之後，非常的适合夏季服用不僅能夠達到消除水腫的作用，同時還能夠美白皮膚，對于女性來說，是一種很好的美容聖品，今天小編就來聊一聊關于紅豆薏米粥養顔... 2022-06-16
生活李小冉婚姻史
身處娛樂圈不紅是原罪麼？提起這個圈子，在我們大多數的人看來是非常賺錢的，特别是今年這一年爆出的明星偷稅漏稅的事件，甚至一度讓吃瓜群衆對“億”這個單位免疫了，因此很多人對這個光鮮亮麗，來錢快的名利場十分好奇。可是你知道麼?任何行業做得好的，能... 2022-11-06
生活炸洋芋簡介
炸洋芋簡介?炸洋芋是雲南、四川乃至西南地區都流行的一種特色小吃，我來為大家講解一下關于炸洋芋簡介?跟着小編一起來看一看吧!炸洋芋簡介炸洋芋是雲南、四川乃至西南地區都流行的一種特色小吃。制作手法是将切成塊狀或條狀的土豆（洋芋）放入油鍋中炸，有... 2022-07-10
生活山海經的作者是誰
山海經的作者是誰?《山海經》作者：楚國或巴蜀人所作，《山海經》是中國先秦重要古籍，也是一部富于神話傳說的最古老的奇書該書作者不詳，現代學者均認為成書并非一時，作者亦非一人，我來為大家科普一下關于山海經的作者是誰?下面希望有你要的答案，我們一... 2022-06-07
生活句句祝福傳遞美好
句句祝福傳遞美好?美麗的早晨，采一朵漂亮的花兒，送給你，願它能給你一個舒暢的心情，從早上到晚上，從今天到明天，從現在到未來，我來為大家科普一下關于句句祝福傳遞美好?下面希望有你要的答案，我們一起來看看吧!句句祝福傳遞美好美麗的早晨，采一朵漂... 2022-06-20
生活獨特好聽的一個字名字
獨特好聽的一個字名字?糖俗，我來為大家科普一下關于獨特好聽的一個字名字?以下内容希望對你有幫助!獨特好聽的一個字名字糖俗喵帝黯汐眠風羽璃檸念糖萌杳若哇孤渡孤憶嫡零喵恸慟瞳命嫐厭川淨軟私瑾拾烊鬧落單柒渣噓退柔眠黯喪晴島若鸢孤淚滾念倦霧汐柒哼呓... 2022-06-14
生活夏天發面是用冷水還是用溫水
夏天發面是用冷水還是用溫水?夏天時無論是用冷水還是溫水和面，都可以成功的發酵面團，因為夏天環境溫度都在三十攝氏度左右，已經達到酵母發酵所需的溫度，不需要特意借助溫水提升溫度，接下來我們就來聊聊關于夏天發面是用冷水還是用溫水?以下内容大家不妨... 2022-08-12
生活電瓶接線方法
電瓶接線方法?先連接兩車正極，後連負極，這個順序是為了防止不小心搭鐵短路其中連接負極時，有很多車的負極接線柱被其他部件遮擋，無法連接，我來為大家科普一下關于電瓶接線方法?下面希望有你要的答案，我們一起來看看吧!電瓶接線方法先連接兩車正極，後... 2022-06-07
生活動物管理局郝運真實身份被識破
《動物管理局》自開播以來，郝運的身世就倍受大家的注意，本周将迎來大結局，所有的謎團終将被揭曉，而今天的郝運再一次想起了以前的事情，終于忍不住找到李正宗，探求那個自己苦苦找尋的答案。據李正宗說，郝運的父親是一位動管局的探員，長期以來執行着一個... 2022-11-30
生活虛拟偶像為什麼人氣高
現在這些年啊，各種動漫作品遊戲作品還有虛拟偶像啥的聯動好像還蠻多的，早些年呢，明星代言或者聯動多些，這些年虛拟偶像啊UP主這些都有不少聯動合作了，我之前就聽說那誰綿羊料理不還和某豆漿一起合作出聯名款了麼不少，最近呢我就又看到了一個比較有趣的... 2022-12-23
生活紙鶴的含義
紙鶴的含義?紙鶴是代表你對被送的人的祝願，每隻千紙鶴承載一點祝願，最終成為一個願望，接下來我們就來聊聊關于紙鶴的含義?以下内容大家不妨參考一二希望能幫到您!紙鶴的含義紙鶴是代表你對被送的人的祝願，每隻千紙鶴承載一點祝願，最終成為一個願望。千... 2022-06-24
生活便秘跟生活習慣相關怎麼辦
二十五的麗麗是個大美女。本該屬于愛美的年紀。但是年紀輕輕就患上了便秘，導緻腹部慢慢出現贅肉，臉色蠟黃，大便幹燥。就算偶爾上廁所，也要蹲半個多小時，給麗麗的生活造成了不小的麻煩。為了自己的健康着想，麗麗來到當地一家醫院，希望能幫助她緩解便秘。... 2022-11-17
生活林更新王思聰是親戚嗎
林更新王思聰是親戚嗎?林更新和王思聰隻是好朋友，根本不是親戚王思聰雖然是富二代，其實一直和娛樂圈的藝人保持着良好的互動，人緣不賴，相當于半個圈裡人林更新就是大衆熟知的王思聰“老鐵”之一林更新和王思聰被傳是親戚，完全是烏龍，我來為大家科普一下... 2022-06-01
生活尺短寸長的成語故事
尺短寸長的成語故事?尺短寸長【拼音】：chǐduǎncùncháng；【解釋】：尺有所短，寸有所長比喻人或物各有長處，也各有短處，今天小編就來聊一聊關于尺短寸長的成語故事?接下來我們就一起去研究一下吧!尺短寸長的成語故事尺短寸長【拼音】：c... 2022-07-01
生活正常人的血壓脈搏應該是多少
衆所周知，健康一直是大衆所關注的重要話題。我們的飲食、運動、作息時間等，都是與健康密切相關的。但是，也有很多人忽視了身體上的提示，比如體檢時脈搏的正常值是多少？血壓的正常值是多少？一、脈搏的正常值脈搏是處于我們手腕上可以觸摸到的動脈搏動，當... 2022-10-27

tft每日頭條

> 生活

> 網頁樣式使用方法

網頁樣式使用方法

相关生活资讯推荐

热门生活资讯推荐

网友关注