手寫 CSS 定義樣式是前端開發(fā)中必不可少的技巧。在使用 CSS 定義樣式時(shí)，通常有兩種方式，分別是內(nèi)嵌式和外部式。
/* 內(nèi)嵌式樣式 */
<style>
p {
font-size: 16px;
color: #333;
}
</style>
/* 外部式樣式 */
<link rel="stylesheet" href="style.css">內(nèi)嵌式和外部式樣式各有優(yōu)缺點(diǎn)。內(nèi)嵌式樣式編寫簡(jiǎn)單，適用于樣式定義較少的情況。但是，在樣式定義較多的情況下，內(nèi)嵌式樣式將會(huì)特別冗長(zhǎng)，不容易維護(hù)和修改。外部式樣式解決了這個(gè)問(wèn)題，它將樣式定義寫在一個(gè)外部文件中，便于統(tǒng)一管理和修改。
/* 在 style.css 中定義樣式 */
p {
font-size: 16px;
color: #333;
}在寫 CSS 樣式時(shí)，還需要注意樣式的繼承與覆蓋。CSS 樣式的繼承是一種屬性的傳遞機(jī)制，子元素會(huì)繼承其父元素的樣式屬性。例如：
<style>
body {
font-size: 16px;
color: #333;
}
p {
font-weight: bold;
}
</style>
<body>
<p>這里的文字將繼承 body 元素的樣式</p>
</body>如果需要在子元素中覆蓋父元素的樣式，可以使用!important關(guān)鍵字。例如：
<style>
p {
font-size: 16px;
color: #333;
}
.special-p {
color: red!important;
}
</style>
<p>這是一個(gè)正常的段落</p>
<p class="special-p">這是一個(gè)特別的段落</p>使用 !important 時(shí)需要慎重，最好只用于解決特殊效果要求。
下一篇扇形怎末畫 css