发表于: 2017-04-17 21:15:24
1 630
今天完成的事情:学习了sass并且把CSS改写成了sass
学习了慕课网导航条制作,JavaScript基础
完成了任务十一,十二
明天计划的事情:进入JavaScript进阶篇,学习JS基础语法,数组,流程控制语句,函数,事件响应,内置对象
JS基础语法:变量,操作符,表达式
数组:定义,属性,操作
流程控制语句:判断语句,循环语句,中止操作
函数:定义,调用,属性
事件相响应:鼠标事件,内容时间,光标选中事件,加载事件
内置对象:字符串,日期,四舍五入,MATH,数组链接,随机数等
不用栅格重写 任务7样式,并且阅读样式表组织规范,拆分样式表
遇到的问题:对sass的作用很迷茫,求教加看博客,在此推荐张鑫旭大神的博客
收获:
菜单构建方式:
1 用无序列表构建垂直菜单
2 通过设置背景改变外观样式,通过鼠标事件为菜单增加交互效果
3 圆角菜单栏的制作,把背景图片贴a标签上,也可以用radious命令
4 伸缩菜单栏的制作时,菜单li浮动后脱离文档流,导致ul失去高度和宽度,如果需要对ul进行整体背景设置,
首先要给ul定义高度和宽度,margin-top用负值,this代表当前a标签
sass的理解:sass目前感觉就是规范格式后的CSS,相比CSS而言结构清晰易于理解
主要语法有,按照HTML书写内容从上往下依次书写,允许嵌套和设置变量,把CSS中的大括号和分号去掉,剩着的用缩进来表示从属关系
因为任务十一和十二本来CSS就不复杂,所以没能体现出sass的优势
JavaScript:
1 常用的互动方法:输出内容,警告,确认,提问,打开新窗口,关闭窗口
2 DOM操作:通过ID获取元素,innerHTML属性,改变HTML样式,显示和隐藏,控制类名
评论