Skip to content

Latest commit

 

History

History
31 lines (24 loc) · 2.12 KB

3.2CSS示例:美食专栏.md

File metadata and controls

31 lines (24 loc) · 2.12 KB

一、运用css选择器及样式特性实现简单的网页设置

  • 效果分析:

    首先我们根据效果图片分析出页面的组成部分,标题,段落文本1用于写入更新时间及来源,正文,插入图片在正文左侧,添加下划线用于分割原文链接及分类

  • 首先我们下载图文素材

  • 下载图文素材解压后,打开Dreamweaver新建一个html格式的文档,并将title命名为“动手实践”

  • 使用html搭建网页的主体结构,将需要使用特殊颜色及格式显示的字体使用特殊标签标记起来以便在后续使用CSS控制格式

    把握移动端字体设计的七大准则

    更新时间:2020年06月6日17时26分 来源:问答精灵

    图片

    留足空间,字体并非夸夸曲曲的线条排列,它主要在于周围和相互间的空间。

    •行宽是一行文字的长度,是一行文字的理想长度,因为很难让每一行都精确吻合。

    •行距是行之间的空间,行距太紧凑,会让视线难以以行尾扫视到下一行首。

    •所有字体至少都有一种最佳状态,使字体在浏览器中愚能保持字形的抗锯齿选项。

    •你读的多数内容是居左对齐,右边沿参差不齐的,这样看起来更有节奏。

    •增湿文字与背景对比的同时,我们也要减少不同层次文字间的反差

    按比例调整宇间距,为移动端调整字号时,要意识到字间距发生了必要的变化。

    原文链接: http://www.woshipm.com/pd/136680.html 文章分类:艺术设计

  • 引入<style>标签使用CSS对格式进行控制