发表于: 2017-03-20 21:32:56

1 667


今天完成的事情:1,修改了任务7,

          2,学习了一些命名规则,比如

1)、所有的命名最好都小写
2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"

3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整

4)、空元素要有结束的tag或于开始的tag后加上"/"

5)、表现与结构完全分离,代码中不涉及任何的表现元素,如stylefontbgColorborder

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:nonevisible:hidden都是把网页上某个元素隐藏起来的功能,但两者有所区别,经过亲自实验,我发现使用 visible:hidden属性会使对象不可见,但该对象在网页所占的空间没有改变(看不见但摸得到),等于留出了一块空白区域,而 display:none属性会使这个对象彻底消失

           

明天计划的事: 1,继续修改任务6和任务7,

          2,学习css常用属性


遇到的问题:莫明出现的间隔,查资料找到原因了。、

 

收获:bootstrap栅格用起来很方便只用考虑格内元素,而不用考虑格外元素对格内元素的影响,因为它已经帮你解决了。。


返回列表 返回列表
评论

    分享到