HTML的学习
标题：将文字显示成标题的的样子
h1----<h1>标题文字<h1>
h2
h3
h4
h5
h6
段落<p></p>
<pre></pre>
段落标签：
细节：浏览解析器 空格 n个空格 换行 都会只解析一个空白字符（空格）
p：段落文字
pre：段落文字 保留html源文档的格式（空格，换行，标签）
特殊字符：
空格  ；
商标 &trade；
黑桃心 &hearts；
有序ol
ul不排序
字体
换行：<br/>
分割线：<hr/>
属性：color
链接：href=" ">这是一个链接</a>
超链接：link表示一个链接，visited表示已经访问过的链接
hover：表示鼠标悬浮的时候
active：表示鼠标点击的时候
table标签的属性
1、align:表格显示在网页横向位置（居左显示 居中显示 居右显示）
可选值：“left” “center”“right”
2、border：边框宽度 默认值
3、width：宽度 值=“数字px” 值=‘98%’
4、height：设置表格高度。值=“数字px”
td常见的标签：
1、colspan：跨列显示：值 数字
2、rowspan：跨多行显示 值 数字
3、align：单元格内部内容的水平对齐方式
标签：
表格：table
width:宽度
border：边框
cellpadding：定义内容和单元格的距离
cellspacing：定义单元格之间的距离，如果指定为零，则单元格的线会合为一条
bgcolor：背景色
align：对齐方式
标题区：thead
行:tr
表头单元格：th
数据区：tbody
行：tr
单元格：td
<table>
<!-- 标题区 --!>
div和span
div：每一个div沾满一行。会计标签
span：htML5中为了文本信提高程序的可读性，提供了一些标签
1.<header>页眉
2.<footer>页脚
css的使用：css与HTML的结合方式
1、内联样式：在标签内使用style属性指定css代码
如：<div style="color:red;">hello css</div>
2.内部样式：在head标签内，定义style标签，style标签的标签内容就是css代码
如：
<style>
div{
color:blue;
}
</style>
<div>hello css</div>
3.外部样式
1、定义css资源文件。
2、在head标签内，定义link标签，引入外部的资源文件
*如：
*a.css文件:
div{
color:green;
}
<link rel="stylesheet" href="css/a.css">
<div>hello css<div>
<div>hello css<div>
注意：
*1,2,3种方式 css作用范围越来越大
1方式不常用，后期常用2,3
3种格式可以写为：
<style>
@import "css/a.css";
</style>
4.css语法：
格式：
选择器{
属性名1：属性值1；
属性名2：属性值2；
.....
}
*选择器：筛选具有相似特征的元素
分类：
1.基础选择器
1.id选择器：选择具体的id属性值的元素，建议在一个HTML页面中id值唯一
*语法：#id属性值{}
2.元素选择器：选择具有相同标签名称的元素
*语法：标签名称{}
注意：id选择器优先级高于元素选择器
3.类选择器：选择具有相同class属性值的元素
语法：class属性值{}
注意：类选择器优先级高于元素选择器
扩展选择器
1.选择所有元素：
*语法：*{}
2.并集选择器：
*选择器1，选择器2{}
3、子选择器：筛选选择器1元素下的选择器2元素
*语法：选择器1 选择器2{}
4.父选择器：筛选选择器2的父元素选择器1
*语法：选择器1 >选择器2{}
5.属性选择器：选择元素名称，属性名=属性值的元素
*语法:元素名称[属性名=“属性值”]{}
6.伪类选择器：选择一些元素具有的状态
*语法：元素：状态{}
*如：<a>
*状态：
*link：初始化的状态
visited：被访问过的状态
active：正在访问的状态
hover：鼠标悬浮的状态
六：属性
1.文本、字体
*font-size：字体大小
*color：文本颜色
text-align：对齐方式
line-height：行高
2、背景
*background：
3.边框
*border：设置边框，符合属性
4.尺寸
*width：宽度
*height：高度