发表于: 2019-04-05 23:29:44

1 760


Day 46     task13-1


今天完成的事情

 

      1.完成task13-1

      2.完成task13-2

      3.完成task13-3的切图


遇到的问题


      1.【solved】在引用scss文件,却发现样式怎么样都无法显示

<link rel="stylesheet" href="app2.acss" type="text/css">

html文件里引用css文件,在scss文件中修改。


      2.【solved】使用伪元素做三角形,发现怎么样都不显示,打开自生成的css文件,发现::after与元素之间有一个空格

::after{
content"";
border-stylesolid;
border-width100px 100px 100px 100px;
border-colortransparent transparent blue transparent;
width0px;
height0px;
}

解决办法:伪元素前加&,即&::after


      3.【unsolved】scss @import引入文件提示错误

失败scss引用跨目录文件,用url链接应用进来

@import url('../../_app.scss');

header{
background: #29bde0;
}

@import 'url';

 ./ :当前目录

 ../ :上级目录

 src/api/styles: 绝对路径


      4.【solved】在main设置margin的情况下,内部元素再设置margin会重合

解决办法:将元素设置为display:inline-block;


      5.【unsolved】本来想将投票页下部的小圆点改成单选按钮,然后发现样式在scss中怎么更改都无效

只做了样式出来,并设置了hover及focus;


收获


      1.学会使用css画特殊样式

菜单


关闭


返回


明天计划学习


      1.完成task13

      2.开始task14


注: 【unsolved】截日报发出前未解决的问题

        【solved】已解决现象但并未从根本上解决问题

        【solved】已解决






返回列表 返回列表
评论

    分享到