关于网络部第二次作业暴露的问题与心得

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使用最好用外部样式表,写在标签内部会导致代码较乱,不利于改动和理解

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 2、 的title和alt有什么区别 3、HT...
    Hebborn_hb阅读 4,787评论 0 20
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,589评论 24 450
  • $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 3、HTTP的几种请求方法用途 4、从浏览器地...
    peng凯阅读 807评论 0 1
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 7,870评论 16 22
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    余生动听阅读 10,925评论 0 11

友情链接更多精彩内容