1.id選擇器
專(zhuān)業(yè)領(lǐng)域包括成都做網(wǎng)站、網(wǎng)站建設(shè)、電子商務(wù)商城網(wǎng)站建設(shè)、微信營(yíng)銷(xiāo)、系統(tǒng)平臺(tái)開(kāi)發(fā), 與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開(kāi)發(fā)公司不同,創(chuàng)新互聯(lián)的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營(yíng)銷(xiāo)的理念,并將策略和執(zhí)行緊密結(jié)合,為客戶(hù)提供全網(wǎng)互聯(lián)網(wǎng)整合方案。
#id1{
backgroud-color:
}
1
2.類(lèi)選擇器
.c1{
backgroud-color:
}
1
3.標(biāo)簽選擇器
div{
backgroud-color:
}
1
4.層級(jí)選擇器
div div{#div下的div
backgroud-color:
}
1
5.組合選擇器
.c1,.c2,.3{
backgroud-color:
}
1
2
3
6.屬性選擇器
.c1[type="text]{
backgroud-color:
}
7.屬性
7.1邊框
border{
1px solid #ff6600 #dotted
}
7.2.float
{
float:left;
float:right;
clear:both;#清除浮動(dòng)
}
7.3.display
{
#塊級(jí)標(biāo)簽和行內(nèi)標(biāo)簽切換
display:inline;#轉(zhuǎn)為行內(nèi)
display:block;#轉(zhuǎn)為塊級(jí)
#行內(nèi)標(biāo)簽無(wú)法設(shè)置寬度和高度,margin,padding
display:inline-block;
display:none;#標(biāo)簽消失
}
7.4.padding margin
{
margin:外邊距
padding:內(nèi)邊距
}
7.5.text-align
#文字對(duì)齊
{
text-align:center;
}
7.6 height,width,line-height
{
height:100px;
width:20%;
line-height:20px;
}
7.7.font
{
font-size:20px;
font-weight:700;
}
8.定義整體寬度
body{
width:980px;
margin:0 auto;
}
9.css重用
10.自適應(yīng)media
@media (min-width: 992px){
}
11.position
11.1.position:fixed;固定模塊
{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
}
11.2.position:absolute;#絕對(duì)定位
{
position:absolute;
}
11.3.position:relative+absolute
11#可以控制內(nèi)部div相對(duì)于上層div移動(dòng)
11.4.z-index控制顯示層級(jí),越大越往上
{
}
12.opaciy透明度
{
opacity:0.3;
}
13.overflow內(nèi)容超出隱藏或呈現(xiàn)滾動(dòng)條
{
overflow:hidden;
overflow:auto
}
14.:hover用于鼠標(biāo)懸浮后樣式改變
15.background-img,background-repeat,background-position-x,background-position-y使用
#使用了postion,background,display屬性