发表于: 2018-09-01 19:41:20

1 750


今天完成的事情:

将任务六的页面大概做出,在修改一些细节问题

看了任务五的深度思考:

1.css可以绘制哪些常见的特殊形状?

就我现在做过的正方形,矩形,圆,椭圆,还有各种方向的三角形这么多,百度搜了一下,贴个链接这里,后期若用到再查

https://blog.csdn.net/aerchi/article/details/52909158

2.如何理解vertical-align与line-height?

vertical-align:使行内元素的基线相对于该元素所在行的基线的垂直对齐

属性值:

line-height

行高指的是文本行的基线间的距离,但是文本之间的空白距离不仅仅是行高决定的, 同时也受字号的影响

https://www.jb51.net/web/439782.html

4.title与h1、b与strong、i与em、img的alt与title、src与href有什么区别

tittle与h1区别:

h1突出文章主题,面对用户,更突出其视觉效果,突出网站标题或关键字用title。一篇文章,一个页面最好只用一个h1,多个h1会稀释主题。一个网站可以有多个title,最好一个单页用一个title,以便突出网站页面主体信息,从seo看,title权重比h1高,适用性比h1广。标记了h1的文字页面给予的权重会比页面内其他权重高很多。一个好的网站是h1和title并存,既突出h1文章主题,又突出网站主题和关键字。达到双重优化网站的效果。

b与strong的区别:

使用<b>标签的理由是为了强调,只需要用strong标签把它替换即可,在表现上,b标签和strong标签都是对文字进行加粗,看不出区别,但在标签语义上来说,strong标签是具有强调作用,在seo方面更为良好

i与em:

<i>标签:

       显示斜体文本效果

       <i>标签告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示;

<em>标签:

       <em>标签中的文本表示为强调的内容,对于所有浏览器的显示效果来说,是把这段文字用斜体来显示;

       当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候,也可以考虑使用 <em> 标签。

img的alt与title的区别:

itle是鼠标放在图片上时,会出现一个小小的文本框,来提示。

alt是图片没有加载出来的时候现实的文本,请注意在这里alt是img属性里面除了href属性最重要的,这个是为了当图片没有加载出来,让用户最起码知道这里放了一种什么样的图片

src与href有什么区别:

href (Hypertext Reference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。浏览器明白当前资源是一个样式表,页面解析不会暂停(由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被被暂停)。这与把css文件内容写在<style>标签里不相同,因此建议使用link标签而不是@import来吧样式表导入到html文档里。

src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置。当浏览器找到在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。当然,img标签页与此类似。浏览器暂停加载直到提取和加载图像。

5.如何使用IconFont?

?1.首先在Iconfont-阿里巴巴矢量图标库上面将你需要的图标点击购物车按钮加入“暂存架

2.选择完所有要用的图标后“存储为项目”,给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。

3.在HTML中需要使用到图标时,使用iconfont类名。里面写上你想用的图标下面的。

4.可以通过控制iconfont类的属性改变图标的样式。就可以在页面中引用和修改了。

6.HTML中dl、ul、ol用哪个比较好?

<ul>是项目列表,<li>做列表项,每一项的符号默认是小黑圆点;

<ol>是编号列表,<li>做列表项,每一项的符号默认是数字;

<li>是 list item 即列表项,但列表有很两种,所以外面得有 <ul> 或者 <ol> 用来区别无序列表(小点点)和有序列表(1,2,3...)。

ul与ol前的符号是可以修改的。只需要修改它们的type值。

ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块

ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。

通过CSS可以在将它们前的符号改为图片;

定义列表定义一系列项目,同时定义项目的描述。

正是定义列表有了项目描述,所以和无序列表区别就在此。

有序列表在列表项目对顺序有要求的时候使用;

无序列表在列表项目对顺序没要求时使用,可以是任何一系列项目;

定义列表在对项目有描述要求时使用。

明天计划的事情: 明天开始任务七

遇到的问题:任务六下面的tab栏之前没有看仔细,感觉布局出了好多问题 ,突然不知道怎么布局了。

深度思考中的这个问题:如何理解vertical-align与line-height?虽然百度了但是还是看到不太懂

贴个链接:https://www.jb51.net/web/439782.html

后面再研究研究

收获:

position: relative;
top: -.2rem;

对于这种用相对定位来移动元素,给自己布局方法上是一个拓展。


返回列表 返回列表
评论

    分享到