CSS选择器

 CSS
内嵌：<span style="属性值"></span>
内联：写在head内
标签：<style></style>
外联：写在head内
<link rel="stylesheet" href="CSS路径"/>
CSS基础语法规则：选择器和一条或多条声明
选择器{
    声明
}

id选择器：#号表示ID选择器
#span{
    border：1px solid；
}

属性选择器：
input[type="text"]{

}

img[alt="logo"]{

}

元素/标签/标记选择器:
span{

}

组合/并集选择器:类等选择器都可以加入，用英文,隔开
h1,h2,h3,h4,h5,h6{

}

类选择器:相同命名共用声明，用.表示类选择器
class="test_class"
.test_class{

}

后代选择器:选中所有子集及以下子集
ul li{

}

子集选择器:只选择到子集
ul>li{

}

伪类选择器:加英文:都属于伪类
a:link{
    当前样式
}
a:visited{
    访问后样式
}
a:hover{
    移入鼠标，鼠标悬停时样式
}
a:active{
    点击时的样式
}

伪元素选择器：用两个英文:表示与伪类的区分
.p1:before{
    content:"属性值";
}

.p1:after{
    content:"属性值";
}

.box:first-latter{
    font-latter:属性值;
}

.box:first-line{
    font-latter:属性值;
}

dispaly:inline-block;  (行内转行内块)