CSS是一種用于網頁樣式設計的語言，可以通過單獨編寫樣式文件（CSS文件）來更好地控制網頁外觀。下面介紹一些CSS文件的編寫方法。

/* 基本結構 */
selector {
property: value;
}
/* 例子 */
body {
font-family: Arial, sans-serif;
background-color: #F5F5F5;
color: #333;
}
h1 {
font-size: 24px;
color: #7E7E7E;
}

上面代碼是一個CSS文件的基本結構，其中的selector就是指定需要修改的HTML元素，property是元素的屬性，value是屬性的具體值。在這里，我們示范了兩個例子，第一個選擇body元素，修改其字體、背景色和文字顏色；第二個選擇h1元素，修改其字體大小和顏色。

/* 嵌套規則 */
selector {
property: value;
selector2 {
property: value;
}
}
/* 例子 */
nav {
background-color: #333;
ul {
list-style: none;
margin: 0;
padding: 0;
li {
display: inline-block;
margin-right: 10px;
}
}
}

另一個特別有用的技巧是嵌套規則，可以更好地組織樣式。上面的例子中，我們將ul和li元素的樣式都嵌套在nav元素內，這樣可以更好地管理布局。想要非常細膩的布局，使用嵌套規則可以大大提高CSS文件的可讀性。

/* 繼承 */
selector {
property: value;
}
/* 例子 */
p {
font-family: Arial, sans-serif;
}
a {
color: #007FFF;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
button {
background-color: #007FFF;
color: #FFF;
border: none;
border-radius: 3px;
&:hover {
background-color: #0052CC;
}
&:active {
background-color: #0747A6;
}
}

最后一個技巧是樣式繼承，在CSS中可以通過選擇器優先級繼承樣式。在這里，我們表示了p元素應用于所有字體樣式，并且a元素僅應用于鏈接樣式，但它具有相當強烈的樣式變化。此外，在button元素上，我們還使用了偽類:hover和:active，這樣按鈕的樣式在鼠標懸停和按下時會發生變化。