什么是div加css?簡單來說,就是使用網(wǎng)頁開發(fā)中的一個元素(div),來結(jié)合樣式表(css)來美化網(wǎng)頁。
<div>這里是內(nèi)容</div> <style> div { background-color: yellow; color: red; padding: 30px; } </style>
上面是一個簡單的例子,首先我們使用<div>標簽來包裹需要美化的內(nèi)容。然后再將樣式表寫在<style>標簽中,其中div表示要美化的元素,{ }中則寫上具體的樣式,比如上面的例子中,我們設(shè)置了背景顏色為黃色,文字顏色為紅色,內(nèi)邊距為30px。
接下來讓我們來看一些常用的div加css的樣式。
<style> div { background-color: #ccc; color: #333; margin: 20px; padding: 10px; border: 1px solid #999; text-align: center; width: 50%; } </style>
上面的例子中,我們設(shè)置了背景顏色為#ccc,文字顏色為#333,外邊距為20px,內(nèi)邊距為10px,邊框為1px的實線邊框且顏色為#999,居中對齊,寬度為整個屏幕的50%。
除了上面提到的樣式外,還有很多其他的樣式可以用來美化<div>,比如字體大小、字體樣式、行高、背景圖片等等。
最后需要注意的是,在使用div加css的過程中,要盡可能的保持代碼的簡潔和清晰,避免出現(xiàn)大量無用的樣式。