9.4h5总结

常用标签

标题 ： <h1
段落 ：（定义段落）<p
图片：<img src=""/
超链接： anchor： </a
列表 :
无序列表unordered list：<ul
定义列表项目，标签可用在有序列表 (ol) 和无序列表 (ul) 中 list item ：:<li
布局 division：<div
表单 :
< form action="" method=“get”>
表单元素：<p
用户名：<input type=“text”
</p
<p
<input type=“text” name=“user” placeholder=“用户名”
</p
<input type=“password” name=“pwd”
<input type=“radio” name=“sex” value=“man"男
<input type=“radio” name=“sex” value=“women"女
<input type=“checkbox” name=“course” value=””
<input type=“checkbox” name=“course” value=""
<input type=“checkbox” name=“course” value=""
<input type=“checkbox” name=“course” value=""
<input type=“submit” value=“登录”
<input type=“button” value=“按钮”
</form
表格
HTML 表单中有两种类型的单元格：
表头单元格 - 包含表头信息（由 th 元素创建）
标准单元格 - 包含数据（由 td 元素创建）
th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素内的文本通常是左对齐的普通文本。

<-- border:设置表格的边框 -->
<-- bordercolor:设置表格边框颜色 -->
<-- cellspacing:设置单元格和单元格之间的距离 -->
<-- cellpadding:设置单元格和内容之间的距离 -->
<-- width/height:设置表格的宽度/高度 -->
<-- align:设置表格对齐方式 -->
<-- bgcolor:设置表格背景色 -->

    <-- align：写在tr或td上是设置文字对齐方式 -->
    
    <-- 列合并（写在td或th上）：colspan -->
    <-- 行合并（写在td或th上）：rowspan -->
    </table

css

基本选择器
标签选择器（1）
类选择器（class）（10）
id选择器（100）
选择器优先级
id > 类选择器 > 标签选择器
派生选择器
包含选择器（后代选择器）
子选择器
通配符选择器
字体样式
font-size
font-style : italic/oblique;
font-weight : bold/bolder;
font-family : “宋体”
文本样式
text-align : center / left / right; (水平对齐方式
color : red;（设置字体颜色
text-indent : 2em;（设置首行缩进
line-height : 30px;（行高/设置垂直对齐方式
text-decoration : none/underline/overline/line-through;（文本修饰）
背景样式
background-color : #ccc;
background-image : url( );
background-repeat : no-repeat;
background-position :
background : red url() no-repeat 100px center;
列表样式
list-style : none;
超链接样式（伪类选择器）
:link 只有超链接可以用（未被访问之前）
:visited 只有超链接可以用（访问过后）
:hover 可用于任意标签（鼠标经过时）
:active（鼠标点击时）