1.id選擇器

專業(yè)從事網(wǎng)站建設(shè)、網(wǎng)站制作,高端網(wǎng)站制作設(shè)計,重慶小程序開發(fā),網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團隊竭力真誠服務(wù)，采用H5網(wǎng)站設(shè)計+CSS3前端渲染技術(shù)，成都響應(yīng)式網(wǎng)站建設(shè)公司，讓網(wǎng)站在手機、平板、PC、微信下都能呈現(xiàn)。建站過程建立專項小組，與您實時在線互動，隨時提供解決方案，暢聊想法和感受。

#id1{
    backgroud-color:
}
<div id="id1">1</div>

2.類選擇器

.c1{
    backgroud-color:
}
<div class="c1">1</div>

3.標(biāo)簽選擇器

div{
    backgroud-color:
}
<div>1</div>

4.層級選擇器

div div{#div下的div
    backgroud-color:
}
<div>
    <div>1</div>
</div>

5.組合選擇器

.c1,.c2,.3{
    backgroud-color:
}
<div class=“c1”>1</div>
<div class=“c2”>2</div>
<div class=“c3”>3</div>

6.屬性選擇器

.c1[type="text]{
    backgroud-color:
}
<input type="text" />
<input type="password"/>

7.屬性
7.1邊框

border{
1px solid #ff6600  #dotted
}

7.2.float

{
float:left;
float:right;
clear:both;#清除浮動
}

7.3.display

{
#塊級標(biāo)簽和行內(nèi)標(biāo)簽切換
display:inline;#轉(zhuǎn)為行內(nèi)
display:block;#轉(zhuǎn)為塊級
#行內(nèi)標(biāo)簽無法設(shè)置寬度和高度,margin,padding
display:inline-block; 
display:none;#標(biāo)簽消失
}

7.4.padding margin

{
margin:外邊距
padding:內(nèi)邊距
}

7.5.text-align

#文字對齊
{
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重用

<style>
.c{
    重用
}
.c1{
    獨有
}
.c2{
    獨有
}
<div class="c c1"></div>#應(yīng)用c和c1的樣式
<div class="c c2"></div>#應(yīng)用c和c2的樣式
</style>

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;#絕對定位

{
position:absolute；
}

11.3.position：relative+absolute

<div >
    <div >11</div>#可以控制內(nèi)部div相對于上層div移動
</div>

11.4.z-index控制顯示層級,越大越往上

{
<div ></div>
}

12.opaciy透明度

{
opacity:0.3;
}

13.overflow內(nèi)容超出隱藏或呈現(xiàn)滾動條

{
    overflow:hidden;
    overflow:auto
}

14.:hover用于鼠標(biāo)懸浮后樣式改變
15.background-img，background-repeat，background-position-x,background-position-y使用

#使用了postion，background，display屬性
<div >
    <input type="text"  />
    <span ></span>
</div>

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享名稱：html基礎(chǔ)-CSS-創(chuàng)新互聯(lián)
當(dāng)前URL：http://sd-ha.com/article28/djjijp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計、動態(tài)網(wǎng)站、建站公司、外貿(mào)建站、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)