发表于： 2016-06-29 23:42:33
1 1497
今天完成的事情：
完成task7第一个页面的重构，CSS样式
明天计划的事情：
完成任务8
遇到的问题：
收获：
修改任务7，恢复外层盒子的display属性，去除不需要代码。一些元素有默认的样式，自己还设置了重复的样式。
task7-1.css从250行缩减到237行，公共样式base.css从145行缩减到130行。
PNG特点：
体积小、无损压缩、索引彩色模式、更优化的网络传输显示、支持透明效果、同时还支持真彩和灰度级图像的Alpha通道透明度。
Chrome最小字体可以设置和html编码相关。
Chrome设置里面的有一个选项是页面显示字体，和html编码无关。
字体是带有上下边距，设置line-height和font-size相同即可。
CSS行高（line-height）及文本垂直居中原理 http://www.imooc.com/article/7767
<p>标签默认样式-webkit-margin-before: 1em;的解释：http://zhidao.baidu.com/question/539081421.html。
这几天在思考元素嵌套的问题，发现元素嵌套和html最开始的标签声明有关系。
<!DOCTYPE html ------>标签声明文档的根元素是 html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ------>公共标识符的定义(DTD)
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ------>公共标识符后面的 URL 作为寻找 DTD 的位置
<!DOCTYPE> 标签声明文档的根元素是 html。DTD是一种保证html文档格式正确的有效方法，可以通过比较html文档和DTD文件来看文档是否符合规范，以及元素和标签使用是否正确。一个DTD文档包含元素的定义规则、元素间关系的定义规则、元素可使用的属性、可使用的实体和符号规则。
DTD主要有三种类型：strict（严格）、transitional（过度）、frameset（框架）。严格类型的DTD包含了大部分的html元素和属性，但一些过时的元素已经不再支持（font\u\s\iframe等）；过度的包含了所有的html元素和属性，过时的一些元素也支持；框架的DTD是为需要使用框架时所用到的DTD，
DTD详解 http://www.smallni.com/dtd/
WEB标准系列-HTML元素嵌套 http://www.smallni.com/element-nesting/
PS：服务器还是不能用。。。github更新task7-1.html，task7-1.css，base.css三个文件。
附上29号CSS线下讨论：http://bbs.ptteng.com/forum.php?mod=viewthread&tid=8733&extra=page%3D1
返回列表
评论