发表于: 2019-05-12 15:22:24

1 824


今天完成的事情: 

1.完成并提交任务十

2.学习任务十一资料

3.安装了sass

明天计划的事情:

1.完成部分任务十一

遇到的问题:

 暂无,任务十因为用到的都是之前任务做过的栅格,媒体查询,还有需要新学习的radio的样式修改,点击效果这也都比较简单,所以整个过程就都比较顺利

收获: 

了解了一些sass的内容,sass是一种开发工具,提供了便利的写法,还使的css的开发变得简单可维护

1. sass中允许使用变量,以$开头,如果变量需要镶嵌在字符串中,就要写在#{ }中

2. sass允许在代码中使用算式

3.sass允许选择器嵌套,属性也可以嵌套,但是注意加冒号

     

4.sass中有两种注释风格

 /*内容*/ 会保留到编译后的文件 ,在/* 后面加一个感叹号,表示这是重要注释,即使是压缩模式的编译,也会保留这段注释,通常可以用于声明版权信息

//内容  只会留在sass源文件中,编译后被省略



成果链接:https://chenchenchen96.github.io/task/task10/html/task-10.html

任务耗时:2019.5.11–5.12

官网脑图:

我的脑图:

任务十总结:

1.主要运用了之前学习的bootstrap栅格系统以及媒体查询

2.去下select右边的三角形及添加自己设置的border了解了apearance:none; pointer-events:none

3.学习了修改radio样式,运用到checked,before伪元素

4.要实现点击文字也相当于点击radio的效果需要用到label特性




返回列表 返回列表
评论

    分享到