CSS(Cascading Style Sheets)是Web開發中一個非常重要的技術,它用于將HTML文檔呈現為良好的視覺效果。HTML(Hypertext Markup Language)則是Web開發的基礎語言,它用于構建和組織Web頁面和內容。
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Welcome to my webpage</h1>
<p>This is a paragraph</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>
如上是一個簡單的HTML文檔,可以看到它包含了DOCTYPE聲明、HTML標簽、頭部信息和主體內容。在頭部中,我們可以通過<link>標簽引入一個CSS文件來定義我們的樣式。
/* style.css */
h1 {
color: red;
font-size: 36px;
}
p {
color: blue;
font-size: 24px;
}
ul li {
color: green;
font-size: 18px;
}
樣式的定義需要寫在CSS文件中,并通過選擇器來選擇要應用樣式的元素。如上,我們定義了三個選擇器分別作用于標題、段落和列表項,設置了它們的顏色和字號。需要注意的是,選擇器可以進行嵌套,實現更精細的樣式控制。
通過這樣的HTML和CSS配置,我們可以為頁面添加各種效果和交互。當然,這只是CSS和HTML的基礎知識,它們可以被更加深入的學習和使用,實現更加豐富和復雜的Web開發需求。
上一篇css增加兩個按鈕間距
下一篇jq與css不同的選擇器