发表于: 2019-05-21 02:50:55
2 328
一、今天完成的事情
1.修改任务10:
①将input按钮样式字符实体改为行内块,设置垂直水平居中;
2.学习sass基本部分;
二、明天计划的事情
1.安装sass;
2.重写任务4。
三、遇到的问题
暂无
四、收获
(1)@media临界点和顺序(ref:https://www.cnblogs.com/hualiu0/p/5319046.html);
(2)sass(提倡不做重复工作)基础入门(ref:https://www.sass.hk/guide/):
1.使用$符号标识变量;
2.嵌套CSS规则;
①父选择器标识符&应用于: hover伪类和父元素前添加选择器;
②群组选择器嵌套;
③子组合选择器和同层组合选择器:>、+和~;
④嵌套属性;
3.sass @import规则导入SASS文件(默认变量值!default标签)和嵌套导入局部文件;
4.静默注释;
5.混合器(展示性样式重用)@mixin标识符和@include指令调用(使用语义化类名避免重复使用混合器);
①混合器传参、通过语法$name: value形式制定每个参数值(不考虑参数顺序);
②使用$name: default-value指定参数默认值;
6.通过@extend实现选择器继承(语义化样式重用);
评论