15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 10元写的Html网页设计第七次作业——美食专栏和移动端字体设计 - 水流流水

10元写的Html网页设计第七次作业——美食专栏和移动端字体设计 - 水流流水

时间:2023-09-18 09:48:01 | 来源:网站运营

时间:2023-09-18 09:48:01 来源:网站运营

10元写的Html网页设计第七次作业——美食专栏和移动端字体设计 - 水流流水:链接:https://pan.baidu.com/s/16zEDpIQnv5xzggFafeAD6Q?pwd=ayg3

提取码:ayg3

--来自百度网盘超级会员V4的分享

<!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">&nbsp;&nbsp;&nbsp;&nbsp;♠&nbsp;&nbsp;<spanzw>留足空间</spanzw>,与普遍观点恰好相反,<spanzw>字体并非弯弯曲曲的线条排列</spanzw>,他主要在周围和相互之间的空间.</div> <div id="myzw">&nbsp;&nbsp;&nbsp;&nbsp;♠&nbsp;&nbsp;行宽是一行文字的长度,或者确切的说,<spanzw>是一行文字的理想长度</spanzw>,因为很难让每一行都精确的吻合.</div> <div id="myzw">&nbsp;&nbsp;&nbsp;&nbsp;♠&nbsp;&nbsp;行距是行中间的空间,行距太紧凑,<spanzw>会让视线难以从行尾扫视到下一行首</spanzw>。</div> <div id="myzw">&nbsp;&nbsp;&nbsp;&nbsp;♠&nbsp;&nbsp;所有字体至少都有一种最佳状态,<spanzw>便字体在浏览器中最能保持字体的抗锯齿选项。</spanzw></div> <div id="myzw">&nbsp;&nbsp;&nbsp;&nbsp;♠&nbsp;&nbsp;你读的多数内容是<spanzw>居左对齐</spanzw>,<spanzw>右边缘参差不齐的</spanzw>,这样看起来更<spanzw>有节奏</spanzw>。</div> <div id="myzw">&nbsp;&nbsp;&nbsp;&nbsp;♠&nbsp;&nbsp;增强文字于背景对比的同时,我们也要<spanzw>减少不同层次文字间的反差</spanzw>。</div> <div id="myzw">&nbsp;&nbsp;&nbsp;&nbsp;♠&nbsp;&nbsp;<spanzw>按比例调整文字间距</spanzw>,为移动端调整字号时,我们要意识到字间距发生了必要的变化。</div></ul><hr > <div id="sw1">&nbsp;&nbsp;&nbsp;&nbsp;原文链接:<spansw>https://www.hnca.edu.cn/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</spansw>文章分类:<spansw>艺术设计</spansw></div> </body></html>

关键词:设计,专栏,移动,流水,字体,作业,水流

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭