时间:2023-09-18 09:48:01 | 来源:网站运营
时间:2023-09-18 09:48:01 来源:网站运营
10元写的Html网页设计第七次作业——美食专栏和移动端字体设计 - 水流流水:链接: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">的一道传统特色小吃,“闻起来臭、吃起来香”是它的最大特点,不少外省人品尝后都赞不绝口。 杭州的臭豆腐要数百年老店火宫殿炸得最好,外焦微脆、内软味鲜,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>浙江农业职业学院</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"> ♠ 所有字体至少都有一种最佳状态,<spanzw>便字体在浏览器中最能保持字体的抗锯齿选项。</spanzw></div> <div id="myzw"> ♠ 你读的多数内容是<spanzw>居左对齐</spanzw>,<spanzw>右边缘参差不齐的</spanzw>,这样看起来更<spanzw>有节奏</spanzw>。</div> <div id="myzw"> ♠ 增强文字于背景对比的同时,我们也要<spanzw>减少不同层次文字间的反差</spanzw>。</div> <div id="myzw"> ♠ <spanzw>按比例调整文字间距</spanzw>,为移动端调整字号时,我们要意识到字间距发生了必要的变化。</div></ul><hr > <div id="sw1"> 原文链接:<spansw>https://www.hnca.edu.cn/ </spansw>文章分类:<spansw>艺术设计</spansw></div> </body></html>
关键词:设计,专栏,移动,流水,字体,作业,水流