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

網頁樣式使用方法

生活更新时间:2024-11-29 09:40:36

移動網頁布局常見的布局方式有以下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每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活室内門如何選擇
室内門如何選擇?室内門顔色與牆面顔色形成反差：如果要打造簡約風格裝修的話,一般牆壁都是白色或者淺藍色之類的淺色調,因為牆與門顔色太相近,就會有封閉感,所以選擇的現代簡約室内門顔色最好淺色調,但要有點反差,也不能顯得太冷,要顯得活潑，我來為大... 2022-06-19
生活金利來男士中長羽絨服
“60年一遇極寒天氣”被爆出又迅速被辟謠之後,影響全國的冷空氣總算姗姗到來了。寒潮侵襲之下,金利來冬季羽絨新品如約而至。如果說服裝是彰顯自我的一種方式,這個冬天你會選擇怎樣的羽絨服?深谙當季羽絨流行趨勢,并将時尚與商務完美統一的金利來,或許... 2023-01-21
生活山西首個海洋公園
山西海立方海洋公園的成立，填補了山西沒有海洋館的空缺，使得成為周邊地區的熱門遊玩之地成為可能。以個人的看法，水立方場地雖然很大，而且建築群規模也較為宏大，但是感覺裡面相對比較簡單，但已經能夠滿足孩子對海洋世界的好奇，也算是難能可貴吧，後期希... 2022-12-27
生活 100米世界記錄
100米世界記錄?百米世界紀錄它是距離最短、用時最少的田徑紀錄百米紀錄是由牙買加著名短跑健将博爾特于2009年8月17日在德國柏林創造的9秒58，下面我們就來說一說關于100米世界記錄?我們一起去了解并探讨一下這個問題吧!100米世界記錄百... 2022-06-02
生活方舟方塊世界浮空島生物圖鑒
《方塊方舟》是一款Steam像素風開放世界沙盒遊戲，作為《方舟：生存進化》的像素版本，《方塊方舟》很大程度上還原了前者的遊戲世界場景。在這個世界到處都能遇到恐龍，迅猛龍、霸王龍、雷龍等等遠古生物和玩家同處一片天空下生存，玩家不僅可以和它們互... 2023-02-19
生活一直閃退怎麼辦
一直閃退怎麼辦?緩存垃圾過多：平時在使用軟件的過程中，會産生一些垃圾文件，如果長時間不清理會導緻手機越來越卡，也會出現閃退狀況進入設置–應用程序—全部—找到有問題的應用程序，清除數據或者緩存，接下來我們就來聊聊關于一直閃退怎麼辦?以下内容大... 2022-06-01
生活解讀新一代大衆邁騰
【汽車之家二手車選車導購】作為第一個進入國内的合資品牌大衆，在國内的産品美譽度以及消費者的認可度方面是做得非常好的，作為一汽大衆的旗艦産品，邁騰也是一款重磅型的車型，它憑借着非常好的底盤平台以及誘人的價格，赢得了廣大人民老百姓的喜愛。文中介... 2023-01-15
生活農行掌銀支付二維碼在哪裡
來源：中國農業銀行責編：蘇昊編審：沙蘭梅終審：錢紅兵, 2022-11-19
生活關于布朗運動叙述正确的是
關于布朗運動叙述正确的是?關于布朗運動叙述正确的是固體小顆粒做布朗運動是由于液體分子對小顆粒的碰撞引起的，今天小編就來說說關于關于布朗運動叙述正确的是?下面更多詳細答案一起來看看吧!關于布朗運動叙述正确的是關于布朗運動叙述正确的是固體小顆粒... 2022-06-15
生活寫人身影孤獨的詞語
孤單的人總是無依無靠，就像晉代李密的《陳情表》寫到的：“外無期功強近之親，内無應門五尺之僮。茕茕孑立，形影相吊。”關于茕茕孑立在民間有這麼一段傳說：晉武帝司馬炎太康元年，晉滅東吳，所謂“降孫皓三分歸一統”，結束了幾十年的割據局面，統一了中國... 2023-02-04
生活閱讀與成長的文案
有道是——你若花開，蝴蝶自來。你若盛開蝴蝶自來，說的意思是：如果你成功了，很多優秀的人自然會主動來找你;還可以說隻要你通過努力讓自己優秀了，好事也就來了，機會也來了，一切都會變得輕松快樂和順利。你若盛開蝴蝶自來的下一句：你若盛開，蝴蝶自來;... 2022-12-12
生活骨折後鋼闆取出注意事項
骨折是常見的骨損傷問題，也是最常見的骨科疾病。骨折發生後，需要及時到當地正規骨科醫院做治療，在醫生的指導下采取内固定的方法進行治療，将體内植入一些鋼闆、螺釘等固定物，這些内固定物會助于人體内骨骼的穩定，從而促進康複。在骨修複中，切痂将嵌入鋼... 2022-12-25
生活魔芋有幾種吃法呢
人不管走到哪一步，總得找點樂子，想一點辦法。是的，美食就是我找的樂子，想的辦法！小談食刻和你一起認真對待吃下的食物！導讀：在20世紀50年代，印度的一位學者曾說：“如果說存在着一種尚未引起人們足夠重視的作物，那就是魔芋。”為啥要叫魔芋，它又... 2022-12-01
生活要怎麼剝蝦
要怎麼剝蝦?白灼蝦一般是彎的，拿到之後先把下壓直，做好拿着蝦頭蝦尾搖一下，這樣蝦殼和蝦仁會更容易分離，今天小編就來聊一聊關于要怎麼剝蝦?接下來我們就一起去研究一下吧!要怎麼剝蝦白灼蝦一般是彎的，拿到之後先把下壓直，做好拿着蝦頭蝦尾搖一下，這... 2022-06-28
生活有哪些可靠的網上兼職可以做
前言有一部分人每個月工資不高，生活開支很大，所以想花點時間做做兼職，賺點外快補貼一下。很多人都選擇了找兼職做做，但是兼職這裡說實話水很深，一不小心就會上當受騙，所以小編在這裡先給大家打預防針，從事網上兼職或者線下兼職一定要多留心！兼職能幹點... 2022-12-20
生活郫都中冶田園世界新上房價
中冶田園世界套三精裝雙衛産權120平總價125萬精裝家電家具齊全，中間樓層，滿兩年視野開闊采光很好居家裝修，拎包入住，房東急售❗, 2022-11-15
生活立夏以後天氣怎麼樣
4月22日，今天我國中東部多地的降雨還在繼續，比如下午15時左右，從華東雷達圖上看，今天一道旺盛的雨帶從我國山東半島一直延伸到江浙滬，尤其是浙江，部分地區的雷達回波還比較強，說明局地對流活動比較旺盛。這道雨帶之前已經在我國東部地區建立，并且... 2022-11-23
生活硬筆楷書偏旁部首練習教程
三點水：點畫寫的要飽滿，中間點靠左，整個偏旁呈扇形，上面兩點稍近，下面兩點稍遠，提向右上第一點收筆位置提出單人旁的寫法：撇豎等長或撇短豎長，撇與豎畫在撇的中間靠下虛接，豎畫為垂露豎。喜歡, 2022-10-21
生活道路交通标線分幾類
道路交通标線按功能可分為三類：1）指示标線：指示車行道、行車方向、路面邊緣、人行道等的标線；2）禁止标線：告示道路交通的遵行、禁止、限制等特殊規定的标線；3）警告标線：促使道路使用者了解道路上的特殊情況，提高警覺，準備防範或應變措施的标線。... 2023-03-06
生活胃和肚子脹的厲害喝什麼湯合适
到了春節多吃多喝肯定免不了，特别是春節期間飲食油膩，更容易給自己添肥膘，春節後更是胖了一圈，肚子也開始脹起來，甚至還會上火，這該怎麼辦？有沒有好的方法來解決，當然是有的，中醫有個很好的三黃瀉心湯泡茶，解決上火，心煩，肥胖，失眠等問題。女士腹... 2023-01-23
生活黃金有價玉無價是什麼意思
在全世界範圍内，中國是對玉最為喜愛和推崇的國家，沒有之一。由于幾千年來人們對玉的追尋從未停止，因此玉石曆來都顯得彌足珍貴。在形容玉石價值時，人們常常喜歡用“黃金有價玉無價”來形容玉石的珍貴程度。但是，你造嗎？這裡說的“無價”并不是我們理解的... 2022-11-18
生活慈溪常住人口增加多少
據悉，甯波市最新公布了各大縣市區的人口數據！其中慈溪為182萬，餘姚為125萬，這份第七次人口普查的數據，也是值得我們信任的。也就是說，從官方數據來看，慈溪和餘姚的總人口已經超了300萬，足以成為一個普通地級市的規模。慈溪和餘姚，都是浙江傳... 2023-03-27
生活怎麼看幾個華蓋
怎麼看幾個華蓋?華蓋本為吉，凡人命得之，多主孤寡，從貴也不避為獨也遭之多為僧道術論，壺中子曰：華蓋為藝術之星，主孤此星如蓋立乎大帝之旁，今天小編就來說說關于怎麼看幾個華蓋?下面更多詳細答案一起來看看吧!怎麼看幾個華蓋華蓋本為吉，凡人命得之，... 2023-01-03
生活特斯拉超級充電樁給特斯拉充電
特斯拉于當地時間周四表示，随着這家汽車制造商繼續擴大其在北美、歐洲和亞洲的電動汽車快速充電站網絡，它正在求助于公衆以幫助确定其下一個超級充電站的位置。該公司的@TeslaCharging賬戶周四在一條推文中寫道：“超級充電器的投票即将開始。... 2022-10-30
生活一個企業的執行力
關于執行力的思考！為什麼策略雷同，績效大不相同？為什麼企業宏偉藍圖在現實執行中顯得如此的蒼白？為什麼擁有龐大的人員隊伍在執行中顯得如此的無助？為什麼戰略思路不錯、做起來就錯了？說得對卻做不對？為什麼激勵大會，員工聽聽感動，想想激動，回去不動... 2022-12-06
生活簡潔高級的秋冬季穿搭
一個喜歡分享世間格調好物的時尚創作者！先關注不迷路哦！現在秋冬流行淺色系穿搭，淺色打破秋冬的沉悶，更加減齡，同時也可以帶來一種清爽感，還能更好的诠釋優雅氣質，那麼淺色系應該如何搭配呢？Tips：大面積的低飽和度配色能傳達出一種輕熟穩重的氣質... 2023-03-08
生活個人交社保15年劃算還是25年劃算
最近收到後台留言：辭職了，想自己交養老保險，交哪個檔好？如果交相同的錢，是選擇100%檔次交15年劃算？還是選擇60%檔次交25年劃算？下面一起詳細了解一下。01影響養老金的因素領取養老金要滿足兩個條件才可以：一是達到退休年齡，即女職工50... 2022-12-30
生活滑翔的意思是什麼
滑翔的意思是什麼?滑翔是物體不依靠動力，利用空氣浮力在空中滑行，我來為大家講解一下關于滑翔的意思是什麼?跟着小編一起來看一看吧!滑翔的意思是什麼滑翔是物體不依靠動力，利用空氣浮力在空中滑行。在世界各地，滑翔傘運動已擁有數十萬的愛好者。從它的... 2022-06-08
生活國慶去哪裡玩機票便宜
十月去哪玩，一年裡最好的天氣适合去欣賞美麗的風景。度過一個快樂的秋天，那麼看看機票價格吧，最低的讓你難以想象~上海✈國内上海✈溫州最低票價：180元溫州境内自然景觀豐富，名山秀水衆多，素有“東南山水甲天下”的美譽。“一片繁華海上頭，從來喚作... 2022-11-18
生活老有所樂詩句經典
老有所樂詩句經典?#人到老年，什麼才是最大的幸福呢#一輩子辛辛苦苦，老了身體總會有些毛病因此，健康就顯得格外重要有了健康的身體，你才能提高生活質量，不會過分地拖累親人和子女俗話講，七分精神，三分病同樣到老了，也需要有一個好的精神面貌，那就是... 2023-01-19

tft每日頭條

> 生活

> 網頁樣式使用方法

網頁樣式使用方法

相关生活资讯推荐

热门生活资讯推荐

网友关注