在網頁設計中,CSS (Cascading Style Sheets)通常被用來定義網頁的樣式和外觀。這篇文章將總結一些常用的CSS語句,幫助初學者更好的理解和運用。
首先,我們需要在HTML文件中的head部分添加一個CSS鏈接:
<head> <link href="style.css" rel="stylesheet"> </head>
然后,我們就可以在style.css文件中添加以下代碼:
1. 選擇器:
CSS中的選擇器用來指定需要樣式化的HTML元素,并為它們設置樣式。
/* 選擇所有p標簽 */ p { color: red; } /* 選擇ID為container的元素 */ #container { width: 800px; height: 600px; } /* 選擇類名為box的元素 */ .box { border: 1px solid black; }
2. 基本樣式:
/* 改變文字顏色 */ color: blue; /* 添加背景色 */ background-color: yellow; /* 添加邊框 */ border: 1px solid black; /* 更改字體大小 */ font-size: 24px;
3. 盒子模型:
/* 內邊距 */ padding: 10px; /* 外邊距 */ margin: 20px; /* 固定寬高 */ width: 500px; height: 300px;
4. 文字樣式:
/* 加粗 */ font-weight: bold; /* 斜體 */ font-style: italic; /* 下劃線 */ text-decoration: underline; /* 對齊方式 */ text-align: center;
5. 列表樣式:
/* 無序列表 */ ul { list-style-type: none; } /* 有序列表 */ ol { list-style-type: decimal; } /* 自定義列表項 */ li { list-style: url('bullet.png') no-repeat 0 0; }
這些是一些常用的CSS語句,通過對它們的運用,我們可以輕松地打造出獨特美觀的網頁。希望這篇文章能夠對初學者們有所幫助。
上一篇纈氨酸CSS
下一篇網站css特效編輯器