发表于: 2018-11-21 21:49:45
1 744
今日任务,开始做任务6.看任务5的深度思考
今日收获:
1.vertical-align和line-height的区别在居中问题上,line-height一行垂直居中,而vertical-align不管有多少行,都可以做到垂直居中,个人理解行高造成的居中和本身就是对齐命令的属性居中还是有使用情况上的差别的
2.title与h1、b与strong、i与em、img的alt与title、src与href有什么区别,这个我一直都没去自习想过,以为是一个东西的不同位置的说法。
title是网站标题,h1是文章主题,相当于比如华为公司的官网名字和里面产品名字的区别吧
从视觉上效果观看b与strong、i与em没有区别,唯一区别是搜索引擎检索的时候搜索引擎可以识别strong、em标签、而不能识别b与i标签。为了符合CSS3的规范,b应尽量少用而改用strong ,i应尽量少用而改用em,这点我还好,习惯性用的是em。
img中的alt与title属性区别:
alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息,它会直接输出在原本加载图片的地方,这个没用过
title属性是在你鼠标悬停在该图片上时显示一个小提示,鼠标离开就消失
src与href的区别: 就是一个从哪里来一个到哪里去
href是超文本引用,指向需要连结的地方,是与该页面有关联的,是引用。在 link和a 等元素上使用。
src是指向物件的来源地址,是引入。在 img、script、iframe 等元素上使用
src通常用作“拿取”(引入),href 用作 “连结前往”(引用)
3.学习bootstrap布局,做雪碧图。
雪碧图即是把繁多的icon做到一张图上,然后用background-position(x y)通过横纵坐标来进行定位,定位的意义是指从什么位置开始显示这张图片。但今天遇到一个问题。是因为样式里没对icon的盒子进行宽高设定吗
bootstrap布局,今天初步了解然后下载了文件,这应该就是类似于一个做好的样式表,里面各类按钮下拉菜单都有,在用了对应的代码以后根据自己的需要进行调整。
明日计划,继续学习bootstrap布局,和根据自己的需求调整样式的方法,比如按钮颜色大小等
评论