语言：HTML（内容）、CSS（布局）、JavaScript（动作）
HTML
| HTML标签 | 下级标签 | 说明 |
|---|---|---|
| <head> | <meta> <title> <style> <script> <link> <noscript> <base> | |
| <body> | <div> <p> <span> <h1>~<h6> <br> <br /> <i> <em> <b> <strong> <ol> <ul> <li> <dl> <th> <tr> <td> | XHTML中的换行 斜体 加粗 排序列表 不排序列表 列表项目 定义列表 表格的表头 表格的一行 表格的一个单元格 |
<!DOCTYPE html>
<html lang="zh-CN"> <!--中文网站。lang="en"：英文网站-->
<head>
<meta charset="UTF-8"> <!--中文-->
<title>这是网页标签页</title>
<link rel="stylesheet" type="text/css" href="index.css"> <!--导入CSS-->
</head>
<body>
<h1>这是一级标题</h1>
<div>
<p class="paragraph">这是段落1</p> <!--class=""：一组-->
<p class="paragraph">这是段落2</p>
<p id="myParagraph">这是段落3</p> <!--id=""：唯一一个-->
</div>
</body>
</html>
CSS
| css | html | |
|---|---|---|
| 通用选择器 | * { } | |
| 标签选择器 | h1 { } | <h1></h1> |
| 类别选择器 | .xxx { } | class=‘xxx’ |
| ID选择器 | #xxx { } | id=‘xxx’ |
| 群组选择器 （任意组合用） | #xxx, .xxx, h1 { } |
/*通用选择器*/
* {
font-size: 30px;
}
/*标签选择器*/
h1 {
color: red;
}
/*类别选择器*/
.paragraph {
color: blue;
}
/*ID选择器*/
#myParagraph {
color: yellow;
}
/*群组选择器*/
h1, #myParagraph{
font-style: italic;
font-weight: bold;
}
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
