HTML与CSS
一些课上收获的知识
HTML:
一种标记语言,通过标签展示页面。我们认识了html的一些标签并学会了html的初步运用和创建,比如p定义的段落,标签的嵌套,空格要用 ;进行设置,超链接的实现(a标签的href指令),用img标签进行图片的插入,以及标点符号有中英文的区别。还学到了html的三种list属性还有表单的写成。
CSS:
可以用来设计网页样式。有三种使用方法,即行内、无序、外部,其中行内写起来比较容易但是看起来会比较乱,适用于少量属性规定。我们学到了id和class定位的使用(id用#,class用.),以及浏览器调试工具的使用。
一些实际操作中的收获
这里采用本人高中的学习习惯,即按照完成作业的过程来进行总结
- 首先是照片尺寸的调试和布局,通过对照片高和宽的不断调试,实现照片在页面上的美观布局,但是在添加文字时,对文本的布局不会操作,于是在代码中写了很多 ;让代码看起来不太美观。
- 其次就是本次作业中我遇到最大的障碍——图片放大的设置,我从菜鸟教程中了解到了mouseover的相关知识,但是没有成功的运用到我的作业中,于是我从别的网页中,学到了运用包含.item元素的.container容器进行图片的排布然后使用transform属性的动画来使悬停效果不受侧边图片的影响。
- 然后,关于“通过按钮使页面跳转”这点要求,我的想法是实现点击按钮然后有新的页面来替换旧页面,于是我使用location replace()进行页面跳转。
- 大框架建立后,我最后进行了图片壁纸的设置以及文本的美化,改变了文本的状态(进行了斜体或加粗设置),以及文本的色彩。
一些总结
通过本次学习,我发现页面设计非常有趣,虽然连续四天没有早睡觉 ٩͡[๏̯͡๏],但是在实现设想的时候真的超级感动和满足!
但在实操过程中也发现了自己不会的东西真的好多°(°ˊДˋ°) °(小白自卑),希望自己以后可以学到更多的知识,早日正式加入前端的大家庭,虽然我的作业并不完美/悄咪咪,但我相信一定会越做越好的(/ω\)/莫名其妙的信心。
麻麻,我要好好学前端!!!