css屬性-創(chuàng)新互聯(lián)

css屬性
(1)文本屬性
文本大?。篺ont-size:value(值);
說明:屬性值為數(shù)值型時(shí),必須給屬性值加單位,屬性值為0時(shí)除外;
單位可以是px,pt,em
(2)文本顏色:color:#顏色值;
(3)文本字體:font-family;
(4)加粗:font-weight;
(5)傾斜:font-style;
(6)水平對齊方式:text-align;
(7)行高:line-height;
(8)文本修飾:text-decoration;
文本修飾:text-decoration:none(沒有修飾)
underline(添加下劃線)
overline(添加上劃線)
line-through(添加刪除線)
blink.(高版本瀏覽器不支持blink屬性)

創(chuàng)新互聯(lián)專注于全州企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城開發(fā)。全州網(wǎng)站建設(shè)公司,為全州等地區(qū)提供建站服務(wù)。全流程按需搭建網(wǎng)站,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

(9)文字屬性簡寫:font:12px/1.5 "宋體";
說明:
font的屬性值應(yīng)按以下次序書寫(各個(gè)屬性值之間用空格隔開)
順序: font-style font-weight font-size / line-height font-family
(1)簡寫時(shí) , font-size和line-height只能通過斜杠/組成一個(gè)值,不能分開寫。
(2) 順序不能改變 ,這種簡寫法只有在同時(shí)指定font-size和font-family屬性時(shí)才起作用,而且,你沒有設(shè)定font-weight , font-style 他們會使用缺省值。
(10)border:3px solid red;
???? 粗細(xì)(數(shù)值+單位) ??線型(solid/dashed/dotted/double)?? 顏色;
右邊框border-right:
左邊框 border-left:
上邊框?border-top:
下邊框 border-bottom:
solid:實(shí)線,dashed:虛線,dotted:點(diǎn)狀線,double:雙線,
(11)首行縮進(jìn):text-indent:value;
說明:①text-indent可以取負(fù)值;
②text-indent屬性只對第一行起作用。
縮進(jìn)兩個(gè)字符可以寫:text-indent:2em;
(12)字間距:letter-spacing:value; 控制英文字母或漢字的字距。
(13)詞間距:word-spacing:value; 控制英文單詞詞距。
(14)文本流控制 layout-flow:horizontal(自左向右)
vertical-ideographic(自上而下);
(注:此屬性只有IE瀏覽器支持)
列表的css聲明
1、定義列表符號樣式:
list-style-type:disc(實(shí)心圓)/circle(空心圓)/square(實(shí)心方塊)/none(去掉列表符號);
2、使用圖片作為列表符號:
list-style-image:url( 所使用圖片的路徑及全稱 );
3、定義列表符號的位置:
list-style-position:outside(外邊)/inside(里邊);
?list-style:none;去掉列表符號

關(guān)于背景的css聲明
1、背景顏色 background-color:顏色值;
2、背景圖片 background-image:url( 背景圖片的路徑及全稱 );
3、 網(wǎng)頁上有兩種圖片形式:插入圖片、背景圖;
插入圖片:屬于網(wǎng)頁內(nèi)容,也就是結(jié)構(gòu)。<img/>
背景圖:屬于網(wǎng)頁的表現(xiàn),背景圖上可以顯示文字、插入圖片、表格等。
4、背景圖片平鋪
background-repeat:no-repeat(不平鋪)/repeat(平鋪)/repeat-x(水平平鋪)/repeat-y(垂直平鋪) }
5、背景圖片的位置
background-position:值1 ???值2;
說明:
①屬性值有兩個(gè)值組成,值1是水平位置的坐標(biāo)值,值2是垂直位置的坐標(biāo)值;
②值1 = left/center/right/數(shù)值; 值2 = top/center/bottom/數(shù)值;當(dāng)兩個(gè)值都是center的時(shí)候可縮小為一個(gè); ③當(dāng)屬性值是數(shù)值時(shí),向右方向,向下方向正值
6、背景屬性的縮寫語法:background:屬性值1 ??屬性值2?? 屬性值3;
如:background:url(背景圖片的路徑及全稱) no-repeat center top;
7、背景圖的固定 background-attachment:scroll(滾動(dòng))/fixed(固定);

盒模型
css定義的所有元素都可以擁有像盒子一樣的外形和平面空間,它是css布局的基石,它規(guī)定了網(wǎng)頁元素如何顯示以及元素間相互關(guān)系。
盒模型的組成
內(nèi)容、填充、邊框、邊界
1.padding的定義
①padding是元素內(nèi)容到元素邊框之間的距離,叫內(nèi)填充、補(bǔ)白或內(nèi)邊距;
②padding區(qū)域內(nèi)會顯示背景色和背景圖片;
2.用法:
1)用來調(diào)整內(nèi)容在容器中的位置關(guān)系
2)用來調(diào)整子元素在父元素中的位置關(guān)系。(注:padding屬性需要添加在父元素上。)
3)padding值是額外加在元素原有大小之上的,如想保證元素大小不變,需從元素寬或高上減掉后添加的padding屬性值。
3.padding屬性值的4種形式:
一個(gè)值:padding:2px; 四周的填充都是2px
二個(gè)值:padding:10px ??20px ; 上下 ???左右 ?
三個(gè)值: padding:10px ??20px ??30px?; 上 ???左右??? 下
四個(gè)值:padding:10px ??20px ??30px?? 40px; 上 ??右?? 下 ??左
4.邊界:margin,在元素外邊的空白區(qū)域,被稱為外邊距。
margin-left:左邊界margin-right:右邊界margin-top:上邊界margin-bottom:下邊界

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

網(wǎng)頁題目:css屬性-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接:http://muchs.cn/article30/dhsjso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)微信公眾號、動(dòng)態(tài)網(wǎng)站網(wǎng)站內(nèi)鏈、虛擬主機(jī)、手機(jī)網(wǎng)站建設(shè)

廣告

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

商城網(wǎng)站建設(shè)