這篇文章主要講解了“web前端開發(fā)css的屬性有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“web前端開發(fā)css的屬性有哪些”吧！

目前成都創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、彭山網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

常用屬性

font-size:n px;

設(shè)置字體大小

font-weight：bold;

字體加粗(屬性值：lighter/normal/bold/bolder或100-900)

*注：有的字體樣式用不到bolder，所以bold之后沒變化

font-style:italic;

設(shè)置斜體(normal 歸正)

font-family:“宋體”;

字體樣式

width: n px;

元素的寬

單位為px/%

height：n px;

元素的高

border: 1px solid black;

元素的邊框，復(fù)合屬性

拆分：

1.border-width:1 px;

邊框的粗細(xì)為1px

2.border-style:solid;

邊框?yàn)閷?shí)體(其他值：dotted 點(diǎn)狀虛線;dashed 條狀虛線)

3.border-color:black;

邊框顏色為黑色

4.四條邊拆分

border-left/right/top/bottom: 1 px solid black;

還可以拆成：

border-left-color:red;等

border-radius: n%/px;

圓角設(shè)置

opacity:0.5;

透明度，值為0-1

**background-color: black;**等

背景顏色

color

三種格式

1.土鱉式：red、green、blue(用來測(cè)試，不能用于開發(fā))

2.顏色代碼：如#ff4400

分析：每兩位代表一個(gè)顏色飽和度(00-ff，十六進(jìn)制的數(shù)值)

注：兩位相同時(shí)可以縮寫，如#ff4400可縮寫#f40;#ff4432就不能縮寫

3.顏色函數(shù)：如rgb(255，255，255)值為0-25

4.透明色：transparent

文本屬性

text-align:left;

文本對(duì)齊方式(right 右對(duì)齊;center 居中對(duì)齊)

line-height: n px;

單行文本所占高度

text-indent: 2 em;

首行縮進(jìn)2空格

text-decoration:line-through;

文字樣式：中劃線(值：none;underline(下劃線);overline(上劃線))

cursor:pointer;

當(dāng)鼠標(biāo)移上去會(huì)變成小手(值：help問號(hào) e-resize/w-resize拖拽符 copy move等)

感謝各位的閱讀，以上就是“web前端開發(fā)css的屬性有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)web前端開發(fā)css的屬性有哪些這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

本文標(biāo)題：web前端開發(fā)css的屬性有哪些-創(chuàng)新互聯(lián)
當(dāng)前地址：http://weahome.cn/article/ddddee.html