## CSS
CSS是一种样式表语言,用于定义网页中的字体、颜色、大小、位置和其他外观属性。通过在HTML页面中添加CSS样式表,可以使得网页更加美观、易于阅读和交互性增强。
CSS具有以下语法:
– `style` 标签:用于定义样式。
– `css` 标签:用于导入外部样式表。
– `style` 和 `css` 之间的空格:用于在外部样式表中指定多个样式。
– `!important` 声明:用于强制设置样式。
下面是一个简单的CSS样式表示例:
“`css
body {
font-family: Arial, sans-serif;
color: #f00;
font-size: 20px;
margin: 0;
button {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
在这个示例中,大家定义了页面的body元素的字体、颜色和大小。大家还定义了一个h1元素,它的字体大小为20像素,并添加了一个margin属性。大家还定义了一个button元素,它的背景颜色为白色,圆角半径为5像素,并添加了一个cursor属性。
## HTML
HTML的语法如下:
– `<html>` 标签:用于标识HTML文档的开始。
– `<head>` 和 `<title>` 标签:用于定义文档的头部信息。
– `<body>` 和 `<p>` 标签:用于定义文档主体。
– `<h1>` 和 `<p>` 标签:用于定义标题。
– `<br>` 和 `<p>` 标签:用于创建换行符和段落。
– `<p>` 和 `<span>` 标签:用于定义文本。
– `<a>` 和 `<button>` 标签:用于定义按钮。
– `<p>` 和 `<input>` 标签:用于定义文本输入框。
– `<span>` 和 `<button>` 标签:用于定义标签和按钮。
下面是一个简单的HTML示例:
“`html
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<h1>Welcome to my website!</h1>
<p>If you want to see more content, just type in some text and press <a href=”#”>Enter</a>.</p>
<button onclick=”alert(‘Hello!’)”>Click me</button>
</body>
</html>
通过自学,大家可以掌握CSS和HTML的基础知识,并且能够将其应用于实际的Web项目中。