发表于: 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样式,显示和隐藏,控制类名




返回列表 返回列表
评论

    分享到