1.div的使用
刚开始做网页时只是单一的按照默认位置排版,没有分块意识,导致网页布局很枯燥也没有可观性,较好的利用div可以解决分块的问题。div自身可以设置style,也就是说可以改动位置和背景颜色等,同时不同于普通图片的是,div的position能够满足更多分块需求,但也要求注意处理div与div之间的关系,以防重叠。
2.边距问题
由于接触到了div以后,需要在其中插入文本或是图片,所以带来了图片过大溢出以及位置偏离的问题,这就需要用到padding-,margin-,top,bottom来处理问题,具体在什么位置是不断试操作改出来的。
以上是一些基本的问题
3.伪类
伪类是我们上一节课所新接触到的知识,也是网页经常用到的CSS样式,初步体现了一个网页与浏览者的交互性。
目前我对于伪类的具体做法仍不是了解得非常深刻,用法上也是很容易出错,所以我自己整理了一些伪类的用法
:link 正常的显示,鼠标无操作
:visited 鼠标点过了以后即访问过链接的样式
:hover 鼠标移入未点击的样式
:active 鼠标点击时的样式

还有以上应当按照顺序写
4.矢量图标引入问题
对适量图标理解不够导致以至于刚开始以img形式引入最后全部删掉重来,矢量图标属于字体,在作业中搭配伪类使用,同时图标也需要进行调整位置以及大小。
应当先在网站上下载,随后在html中链接到对应css文件,最后在需要位置用i标签引入,然后输入对应代码


另,css使用最好用外部样式表,写在标签内部会导致代码较乱,不利于改动和理解