一、概述
网站的建站流程
1.注册域名
2.租用空间
3.网站建设
4.网站推广
5.网站维护
Web标准
1.W3C：结构（html）、表现（css）
2.ECMA：行为（js）
标题标签：h1-h6
h1：在同一个页面内只能出现一次
默认样式
字体倾斜：i、em
字体加粗：b、strong
下划线：u
上标、下标：sup、sub
换行、水平线：br、hr
img的alt属性：文本替换图片；有利于SEO优化，因为搜索引擎无法读取上面的文本
table：显示数据
Ctrl+D：选中一组（同时编辑）
<!-- cellspacing：边框之间的间距；cellpadding：边框和内容之间的距离 -->
<table cellspacing="0" cellpadding="0">
</table>
colspan="数字"：合并列
rowspan="数字"：合并行
只要是跨行的合并都是合并行，没有跨行的都是合并列
<body>
<table cellspacing="0" width="500" height="300" border="1">
<tr>
<td width="50"></td>
<td></td>
<td width="50"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
表单：收集用户信息
input的value：根据type的不同作用是不一样的
<input type="reset" value="重新输入">
二、CSS
用style标签创建内部样式表
外部样式表的导入方式
1.link
2.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
@import url(./css/style.css);
</style>
</head>
区别：
1.本质不同：link是一个html标签，@import是css提供的一个方法
2.加载顺序：link导入的css是和html同时加载、@import等待html结构加载完毕然后再加载样式
/* style.css */
@charset "utf-8";
样式表的优先级
1.内联权重最高
2.内部和外部样式表权重关系和先后顺序有关，写在后面的会把前面的覆盖，覆盖的只是相同的属性（产生冲突的属性）
群组选择器：选择器1，选择器2，选择器3，...
通配符（*）：选择页面中的所有标签
a:link：初始状态的样式
a:visited：点击过后的样式
a:hover：鼠标滑过的样式
a:active：鼠标按下的样式
清除单行文本上下误差：line-height设置为文本大小即可
/* 两端对齐*/
text-align: justify;
text-indent：首行缩进（属性值能接收负数、控制的是第一行）
letter-spacing：字符间距
word-spacing：单词间距
/* 首字母大写*/
text-transform: capitalize;
/* 双线*/
border-style: double;
border-color: red green blue purple;
background-size
1.cover：不会让背景图变形，按照原始比例放大或缩小，直到全部铺满为止
2.contain：不会让背景图变形，按照原始比例放大或缩小，当宽度或者高度达到最大则停止
注
@千（20）[20]【b-qfjy】
