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; (行内转行内块)