发表于： 2017-04-01 23:32:20
1 711
今天完成的事情：
1、调整了任务8三个页面的导航栏，使得更加美观。
2、为三个页面添加了媒体查询，实现响应式。调整浏览器宽度，各个模块能良好显示。
3、学会了如何引用外部字体，利用@font-face{}来实现，不过这种方法因为字体文件过大，导致开始加载的时候比较慢一点。
4、学会了letter-spacing，用来改变字间距。
5、学习了：bofore和：after的用法。
明天计划的事情：
1、完善任务8、9的页面并提交完成。
2、继续学习css3和html5的新属性。
3、开始任务10的学习。
遇到的问题：
1、暂无。任务8,9都可以通过之前所学的来解决。
收获：
1、@font-face有以下属性与值。
字体描述 值 说明 font-family name 必需的。定义字体的名称。 src URL 必需的。定义该字体下载的网址（S） font-stretch normal
condensed
ultra-condensed
extra-condensed
semi-condensed
expanded
semi-expanded
extra-expanded
ultra-expanded可选。定义该字体应该如何被拉长。默认值是"正常" font-style normal
italic
oblique可选。定义该字体应该是怎样样式。默认值是"正常" font-weight normal bold bloder
100 200 300 400 500 600 700 800 900可选。定义字体的粗细。默认值是"正常"
数字值 400 相当于 关键字 normal，700 等价于 bold。unicode-range unicode-range 可选。定义该字体支持Unicode字符的范围。默认值是"ü+0-10 FFFF" 2、：bofore和：after在不更改html的结构下，能通过css在html元素里添加两个新的元素。在伪类里一定要加上{ context:"内容，也可为空"; }
此处有一些before和after的用法。http://www.cnblogs.com/cheerful-queen/p/4971484.html
返回列表
评论