什么是CSS?
CSS,全稱"層疊式樣式表"(Cascading Style Sheets),是一種用來定義HTML網頁元素的樣式、字體、顏色、布局等外觀和顯示效果的技術。
CSS怎樣添加到文檔中?
在HTML文檔中,可以通過在<head>標簽內添加<style>標簽,或者通過外部樣式表(使用<link>標簽引用)的方式將CSS引入到頁面上。以下是兩種方式的示例代碼:
<!DOCTYPE html>
<html>
<head>
<style>
/* 在style標簽中編寫CSS */
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>我的CSS樣式</h1>
<p>這是一段使用了CSS的示例段落。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<h1>我的CSS樣式</h1>
<p>這是一段使用了CSS的示例段落。</p>
</body>
</html>
如何編寫CSS樣式?
CSS樣式由選擇器和聲明塊組成。選擇器指定需要樣式化的HTML元素,聲明塊則包含了一組"屬性-值"對,描述了需要改變的屬性和它們的值。
以下是一個CSS樣式的示例代碼:
p {
color: red;
font-size: 18px;
text-align: center;
}
以上代碼中:
- 選擇器是“p”,表示所有<p>標簽
- 聲明塊包含了三個屬性:color(字體顏色),font-size(字體大?。┖蛅ext-align(文字對齊方式)
- 屬性值通過“:”與屬性名分隔,多個屬性-值對用“;”隔開
總結
CSS可以為HTML網頁添加各種各樣的樣式和布局,優化網頁的視覺效果和用戶體驗。了解CSS的基本語法和樣式屬性,能讓我們更好地使用它來實現自己想要的樣式效果。
下一篇css怎么寫行高