一、概述

网站的建站流程
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】

Basic（qf3-1）

Basic（qf3-1）

一、概述

二、CSS

注

推荐阅读更多精彩内容