CSS3行內(nèi)樣式大全,是需要我們在日常開發(fā)中經(jīng)常使用的,在這里我們會(huì)詳細(xì)介紹以下幾種:
font-size: 設(shè)置字體的大小。 例如: font-size:12px; color: 設(shè)置字體的顏色。 例如:color:#333; font-family: 設(shè)置字體的種類。 例如:font-family:"Microsoft Yahei",Arial,sans-serif; font-weight: 設(shè)置字體的粗細(xì)。 例如:font-weight:bold; text-indent: 設(shè)置文本的縮進(jìn)。 例如:text-indent:2em; text-decoration: 設(shè)置下劃線和刪除線。 例如:text-decoration:underline; line-height: 設(shè)置行高。 例如:line-height:1.5; text-align: 設(shè)置文本的水平對齊。 例如:text-align:center; vertical-align: 設(shè)置文本的垂直對齊。 例如:vertical-align:middle; background-color: 設(shè)置背景色。 例如:background-color:#ccc; background-image: 設(shè)置背景圖片。 例如:background-image:url("images/background.gif"); background-repeat: 設(shè)置背景圖片的重復(fù)方式。 例如:background-repeat:no-repeat; border: 設(shè)置邊框。 例如:border:1px solid #ccc; border-radius: 設(shè)置圓角。 例如:border-radius:5px; box-shadow: 設(shè)置陰影效果。 例如:box-shadow:0 0 10px #ccc; text-shadow: 設(shè)置文本陰影效果。 例如:text-shadow:2px 2px 2px #ccc; opacity: 設(shè)置透明度。 例如:opacity:0.8; transform: 設(shè)置元素的變換效果。 例如:transform:rotate(45deg); transition: 設(shè)置元素變換效果的過渡效果。 例如:transition:2s; animation: 設(shè)置元素的動(dòng)畫效果。 例如:animation:move 5s infinite;
以上就是CSS3行內(nèi)樣式大全,這些屬性和效果都是在我們?nèi)粘5拈_發(fā)中經(jīng)常用到的,當(dāng)然,還有很多其他的屬性和效果,需要我們不斷去學(xué)習(xí)和掌握,才能更好的應(yīng)對各種開發(fā)需求。