发表于: 2018-07-26 23:04:34
1 579
今天完成的内容:
下载编辑器sublime学会简单使用,创建html,学习html资料,了解各主要标签<p><h><div>...等等,学会语法规范,以及其他如列表,链接,图片等等如何实现,做到基本了解html。
学习css,层叠样式表,用来定义html内容的显示样式,颜色,文字大小,粗体等等,知道css代码语法,以及内联,嵌入和外部式,知道类选择器,id选择器,通用选择器,子选择器等等,知道元素分类为块状(高宽行高边距可设置,独占一行),内联(和其他元素在一行,不可设置高宽边距等),内联块状(同时具有块状和内联特点)。三者可以通过display:block,inline,inline-block转换。
知道盒模型,border,margin,padding,属性。
学会浮动,float:left/right,可以使两个块状并排显示。学习了解定位知识,绝对,相对,固定定位。
一边学习,一边自己跟着写代码并在网页中显示。
学会制作九宫格,利用div制作九个格子,css编写样式,利用浮动使他们变成九宫模式。
明天计划的事情:
学习chrome开发者工具,调试,适配移动端等后面的内容,然后继续任务二了解github、服务器。
遇到的问题:
div默认显示是正方形,不知道如何变成圆角,百度得知border-radius属性后成功变成圆角,一开始编写的是固定高宽的div,后来用%,%显示后出现问题,正方形不显示,查找资料得知由于网页高度无限,所以将div的父系body设定高度,但是不能实现等比例缩放,百度学会用vw将height设置为100vw,实现了九宫格自由等比例缩放。
收获:
了解了html,css,js各是什么东西,了解html,css的标签,语法等,怎样通过他们实现网页效果,打下一个简单基础,日后还要不断巩固深化。
评论