1.id選擇器
專(zhuān)業(yè)從事網(wǎng)站建設(shè)、網(wǎng)站制作,高端網(wǎng)站制作設(shè)計(jì),重慶小程序開(kāi)發(fā),網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團(tuán)隊(duì)竭力真誠(chéng)服務(wù),采用H5網(wǎng)站設(shè)計(jì)+CSS3前端渲染技術(shù),成都響應(yīng)式網(wǎng)站建設(shè)公司,讓網(wǎng)站在手機(jī)、平板、PC、微信下都能呈現(xiàn)。建站過(guò)程建立專(zhuān)項(xiàng)小組,與您實(shí)時(shí)在線(xiàn)互動(dòng),隨時(shí)提供解決方案,暢聊想法和感受。#id1{
backgroud-color:
}
<div id="id1">1</div>
2.類(lèi)選擇器
.c1{
backgroud-color:
}
<div class="c1">1</div>
3.標(biāo)簽選擇器
div{
backgroud-color:
}
<div>1</div>
4.層級(jí)選擇器
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;#清除浮動(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重用
<style>
.c{
重用
}
.c1{
獨(dú)有
}
.c2{
獨(dú)有
}
<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;#絕對(duì)定位
{
position:absolute;
}
11.3.position:relative+absolute
<div >
<div >11</div>#可以控制內(nèi)部div相對(duì)于上層div移動(dòng)
</div>
11.4.z-index控制顯示層級(jí),越大越往上
{
<div ></div>
}
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屬性
<div >
<input type="text" />
<span ></span>
</div>
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線(xiàn),公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專(zhuān)為企業(yè)上云打造定制,能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。
分享名稱(chēng):html基礎(chǔ)-CSS-創(chuàng)新互聯(lián)
當(dāng)前URL:http://muchs.cn/article28/djjijp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、建站公司、外貿(mào)建站、網(wǎng)站排名
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容