HTML+CSS+JavaScript网页制作案例教程 |
您所在的位置:网站首页 › javascript前端开发程序设计教程课后答案 › HTML+CSS+JavaScript网页制作案例教程 |
黑马程序员编著的教材 HTML+CSS+JavaScript网页制作案例教程 第三章:宣传页面效果展示-课后习题参考代码 。。。。。。。。记得 关注,收藏,评论哦,作者将持续更新。。。。 我自己做的效果如下: 参考代码如下: 移动端字体设的七大准则计 h2{text-align:center; font-size:36px; font-family:"方正正中黑简体","黑体"; color:#666; letter-spacing:10px;} h2 span,.author span{color:#076BBC;} .author{text-align:center; color:#666; font-family:"楷体";} p{font-family:"微软雅黑","黑体";} span{color:#f00;} .phone{font-family:"楷体"; font-style:italic; color:#666; font-size:16px; } .phone span{color:#076BBC;} hr{color:#ddd;} 把握移动端字体设计的七大准则♠; 留足空间,字体并非弯弯曲曲的线条排列,它主要在于周围和相互间的空间。 ♠;行宽是一行文字的长度,是一行文字的理想长度,因为很难让每一行都精确吻合。 ♠;行距是行之间的空间,行距太紧凑,会让视线难以从行尾扫视到下一行首。 ♠;所有字体至少都有一种最佳状态,使字体在浏览器中最能保持字形的抗锯齿选项。 ♠;你读的多数内容是居左对齐,且右边沿参差不齐,这样看起来更有节奏。 ♠;增强文字与背景对比的同时,我们也要减少不同层次文字间的反差。 ♠;按比例调整字间距,为移动端调整字号时,要意识到字间距发生了必要的变化。 ;原文链接:http://www.woshipm.com/pd/136680.html;;;;;;;文章分类:艺术设计 如上用到的图片如下: 记得把图片放到images文件夹里边,否则会提示找不到图片。
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |