发表于: 2017-03-20 21:32:56
1 667
今天完成的事情:1,修改了任务7,
2,学习了一些命名规则,比如
1)、所有的命名最好都小写
2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"
3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整
4)、空元素要有结束的tag或于开始的tag后加上"/"
5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
6)、<h1>到<h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
7)、给每一个表格和表单加上一个唯一的、结构标记id
8)、给图片加上alt标签
9)、尽量使用英文命名原则
10)、尽量不缩写,除非一看就明白的单词
外套 wrap ------------------用于最外层
头部 header ----------------用于头部
主要内容 main ------------用于主体内容(中部)
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部
3,解决了遇到的一些问题,就是莫明出现的间隔,真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子:我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题:元素间留白间距出现的原因就是标签段之间的空格,因此,去掉HTML中的空格,自然间距就木有了,也可以使用margin负值来解决,还可以让font-size等于0,但是谷歌浏览器默认最小font-size为12px,所以这个不好用。
4,display:none和visible:hidden都是把网页上某个元素隐藏起来的功能,但两者有所区别,经过亲自实验,我发现使用 visible:hidden属性会使对象不可见,但该对象在网页所占的空间没有改变(看不见但摸得到),等于留出了一块空白区域,而 display:none属性会使这个对象彻底消失
明天计划的事: 1,继续修改任务6和任务7,
2,学习css常用属性
遇到的问题:莫明出现的间隔,查资料找到原因了。、
收获:bootstrap栅格用起来很方便只用考虑格内元素,而不用考虑格外元素对格内元素的影响,因为它已经帮你解决了。。
评论