css文件引用

 

 

#i1l{
    background-color: chartreuse;
    height: 40px;
}
#i2l{
    background-color: olivedrab;
    height: 40px;
}
#i3l{
    background-color: plum;
}
/*class选择器 .名称 属性里class等于这个.名称就可以用*/
.c1{
    background-color: olivedrab;
    color: chartreuse;
}
/*标签选择器 可以span也可以div  意思是这个类型的标签都是这个样式*/
span{
    background-color: darkred;
    height: 40px;
}
/*层级选择器 span空格div 类似的 就是span下的div标签*/
span div{
    background-color: ghostwhite;
    height: 40px;
}
/*组合选择器 用逗号*/
.c1,.c2{
    background-color: lightslategray;
    height: 40px;
}
/*属性选择器 属性可以是自定义的 对选择到的标签再通过属性进行一次筛选*/
input[type='text']{
    width: 50px;
    height: 20px;}
/*标签优先级：标签上的style属性优先之后 按css样式里从下往上的顺序.就近原则*/

commons.css