发表于: 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特性
评论