時間：2023-09-18 09:48:01 | 來源：網站運營
時間：2023-09-18 09:48:01 來源：網站運營
10元寫的Html網頁設計第七次作業(yè)——美食專欄和移動端字體設計 - 水流流水：鏈接：https://pan.baidu.com/s/16zEDpIQnv5xzggFafeAD6Q?pwd=ayg3
在線咨詢
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> .dy{color: blue;font-size: 20px;} .zw{color: black;font-size: 20px;} .cs{color: red;font-size: 20px;} .je{color: red;font-size: 40px;} </style> </head> <body> <img src="http://imgurl.yunjunet.cn/imgs/2021/06/02d45728ad6142eb.jpg"><br><br><hr > <font class="dy">導語</font> <font class="zw"> :臭豆腐是</font> <font class="cs">杭州</font> <font class="zw">的一道傳統(tǒng)特色小吃，“聞起來臭、吃起來香”是它的最大特點,不少外省人品嘗后都贊不絕口。 杭州的臭豆腐要數百年老店火宮殿炸得最好,外焦微脆、內軟味鮮,100多年來,進火宮殿的人沒有不吃臭豆腐的。 毛澤東當年在杭州求學時,臭豆腐是他非常喜愛的一種食品,價廉味美,極好下飯。1958年,毛澤東到杭州視察時, 還專門到火宮殿吃了一頓臭豆腐....</font> <font class="dy";a>詳情</font><br><br><hr > <font class="dy">火宮殿臭豆腐</font> <font class="zw">:價格</font> <font class="je">18</font> <font class="zw">元</font> </body></html> <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> #mypp{ font-weight: bold; font-size: 40px; text-align: center; color:black; } #mypp span{ color: royalblue; } #sj1{ font-weight: bold; font-size: 15px; text-align: center; color: gray; } #sj1 span1{ color: royalblue; } #myzw{ line-height: calc(3); font-weight: bold; font-size: 15px; color:black; } #myzw spanzw{ color:red; } #sw1{ font-style: italic; font-size: 15px; color: gray; } #sw1 spansw{ color: royalblue; } </style> </head> <body> <div id="mypp">把握<span>移動端字體設計</span>的七大準則</div><br> <div id="sj1">更新時間：<span1>2021年04月07日14時30分</span1>來源：<span1>浙江農業(yè)職業(yè)學院</span1></div><br> <img src="http://imgurl.yunjunet.cn/imgs/2021/06/d893daa2a255d8f1.jpg" align="left" width="600" height="340"> <div id="myzw"> ? <spanzw>留足空間</spanzw>,與普遍觀點恰好相反，<spanzw>字體并非彎彎曲曲的線條排列</spanzw>，他主要在周圍和相互之間的空間.</div> <div id="myzw"> ? 行寬是一行文字的長度，或者確切的說，<spanzw>是一行文字的理想長度</spanzw>，因為很難讓每一行都精確的吻合.</div> <div id="myzw"> ? 行距是行中間的空間，行距太緊湊，<spanzw>會讓視線難以從行尾掃視到下一行首</spanzw>。</div> <div id="myzw"> ? 所有字體至少都有一種最佳狀態(tài)，<spanzw>便字體在瀏覽器中最能保持字體的抗鋸齒選項。</spanzw></div> <div id="myzw"> ? 你讀的多數內容是<spanzw>居左對齊</spanzw>，<spanzw>右邊緣參差不齊的</spanzw>，這樣看起來更<spanzw>有節(jié)奏</spanzw>。</div> <div id="myzw"> ? 增強文字于背景對比的同時，我們也要<spanzw>減少不同層次文字間的反差</spanzw>。</div> <div id="myzw"> ? <spanzw>按比例調整文字間距</spanzw>，為移動端調整字號時，我們要意識到字間距發(fā)生了必要的變化。</div></ul><hr > <div id="sw1"> 原文鏈接：<spansw>https://www.hnca.edu.cn/ </spansw>文章分類：<spansw>藝術設計</spansw></div> </body></html>關鍵詞：設計,專欄,移動,流水,字體,作業(yè),水流
