发表于： 2018-08-02 22:40:05
1 704
Today
1.<article>标签是一个特殊的<section>,但比<section>更明确的语义,代表一个独立的完整的内容,
比如一篇博客报刊文章,一篇论坛帖子或独立插件.而<div>没有任何语义,仅仅作为样式化或脚本化的标签.
<section>适合做一段主题性的内容.能用<article>就能用<section>,但最好用更精确的<article>
关于<section>
a.不要将section元素用作设置样式的页面容器,那个应该用<div>
b.article,aside,nav 更符合条件的话,不要用<section>
c.不要为没有标题的内容设置<section>
2.<语义化>概念 ,一个网站 http://justineo.github.io/slideshows/semantic-html/#/
大概就是为了阅读性维护啊之类的吧,是代码规范吧啦巴拉的
3.?z-index这个看到了,但没细看,明天看一哈
4.fixed相对浏览器定位,类似右下角小广告
5.absolute是相对父元素定位,向上查找父元素是否设置position,relation是相对于原来的位置
6.设置字体间距:letter-spacing:1rem;
7.
box-sizing: border-box;
意思是告诉浏览器border和padding包涵在width中
8.
text-decoration:none;
默认,定义标准文本
9.<body>默认margin:8px,又忘记惹.
10.body的默认背景貌似是白色,然后写登陆框和密码框的时候感觉白茫茫的一篇,
和任务图不一样,找了半天才想起来body的颜色改了....
11.一开始切图切小了,后来想到索性把后面那个竖线也一起切进来......我操我搞半天这竖线要咋做........
Tomorrow
1.思考一哈任务四完成后的深度思考题目
2.做任务5,了解任务5大致内容
3.一些元素虽然用了,但还有很多扩展要再看
Gain
1.大致完成任务4
2.了解<input>标签
3.代码格式的规范化
4.踩了很多无厘头的坑,收获很多不快乐
Problem
1.一开始用<ul>写导航,但是很繁琐,效果也不好.改用div+span写
2.position的几个定位还是很迷
3.这个日志从前天就开始写来着的,但没做出啥东西日志也不知道写啥...
返回列表
评论