CSS是用于網頁布局和樣式設計的一門編程語言。在編寫網頁時，我們通常需要使用CSS來定義頁面的樣式和布局。那么，CSS常用樣式怎么設置呢？下面，我們將詳細介紹一下。
1. 標題樣式
在CSS中，我們可以使用`h1`、`h2`、`h3`、`h4`、`h5`、`h6`等標簽來設置標題樣式。例如，我們可以使用`h1`標簽來設置標題的樣式，如下所示：
h1:first-child {
font-size: 2em;
font-weight: bold;
text-transform: uppercase;
上述代碼中，`h1:first-child`表示第一個出現的標題元素，它使用`:first-child`定位規則，并且設置了字體大小、字體顏色、文本格式等樣式。
2. 按鈕樣式
在CSS中，我們可以使用`input`、`button`等標簽來設置按鈕樣式。例如，我們可以使用`input`標簽來設置文本輸入框的樣式，如下所示：
input[type="text"],
input[type="password"] {
padding: 8px;
margin: 8px;
border: 1px solid #ccc;
border-radius: 4px;
input[type="button"] {
padding: 10px 16px;
margin: 8px;
border: none;
border-radius: 4px;
background-color: #4CAF50;
color: white;
cursor: pointer;
上述代碼中，`input[type="text"]`、`input[type="password"]`表示文本輸入框，`input[type="button"]`表示按鈕。其中，`padding`、`margin`、`border`等屬性用于設置輸入框和按鈕的樣式，`border-radius`和`background-color`屬性用于設置按鈕的背景色和邊框樣式。
3. 列表樣式
在CSS中，我們可以使用`li`、`ul`、`ol`等標簽來設置列表樣式。例如，我們可以使用`li`標簽來設置列表項的樣式，如下所示：
list-style-type: none;
padding: 8px;
margin: 8px;
list-style-type: decimal;
list-style-type: none;
padding: 0;
counter-reset: item;
上述代碼中，`li`表示列表項，`list-style-type`用于設置列表項的樣式，`counter-reset`用于重置列表項的計數器。`ul`和`ol`表示列表容器，`ul`設置列表項的計數器，`ol`設置列表項的層數。
4. 表單樣式
在CSS中，我們可以使用`form`、`input`、`button`等標簽來設置表單樣式。例如，我們可以使用`form`標簽來設置表單的樣式，如下所示：
form {
display: flex;
flex-direction: column;
align-items: center;
input[type="text"],
input[type="password"] {
padding: 8px;
margin: 8px;
border: 1px solid #ccc;
border-radius: 4px;
button {
padding: 10px 16px;
margin: 8px;
border: none;
border-radius: 4px;
background-color: #4CAF50;
color: white;
cursor: pointer;
上述代碼中，`form`表示表單容器，`display`屬性用于設置表單的樣式，`flex`屬性用于設置表單的自適應布局，`flex-direction`屬性用于設置表單的布局方向，`align-items`和`align-self`屬性用于設置表單的對齊方式，`input`和`button`標簽用于設置表單輸入框和按鈕的樣式。
以上就是CSS常用樣式怎么設置的全部內容。通過使用CSS，我們可以輕松地定義網頁的樣式和布局，使網頁更加美觀和易于使用。