发表于: 2020-05-07 22:20:10

1 1395


今天的任务:

开始任务13,按要求分离样式表,

其中重置样式表这些已经足够用的了

body {
    line-height:1.4;
    color:#333;
    font-family:arial;
    font-size12px;
}
input,textarea,select {
    font-size:100%;
    font-family:inherit;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form {
    margin:0;
}
h4,h5,h6 {
    font-size:1em;
}
ul,ol {
    padding-left:0
    list-style-type:none;
}
img {border:0;}

通用样式表:

.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}

还有宽高颜色字体字体格式等,

②关于less的extend扩展:

:extend是一个伪类,使用它的选择器,将和它引用的选择器一起使用它引用的选择器的样式,

比如先定义一个扩展的选择器,我们就叫它 .a,然后定义一个选择器 .b(用来扩展),在 .a内使用 :extend 扩展

明天继续学习less的相关内容并将它运用到实际的css中,



返回列表 返回列表
评论

    分享到