html常用

标记用于最前面标记为所有文档格式这样浏览器才会将这个网页作为有效的xhtml格式文档

标志着文档的开始标志着文档的结束 用与标记html文档的头部信息，标志之后主要用于封装其他的文档的头部信息例： 一个文档只能有一个body 用于保存文档的主题

标记 html文档中 任何带有<>的元素都叫做标记，html文档由标记和被标记的内容组成。标记可以产生各种想要的结果
标记格式
<标记>受影响的内容<标记>
标记一般有/表示结束
标记的属性
<标记 属性1="" 属性2="">内容</标记>

h1 ~ h7 标题标签的属性 align属性表示标题的对齐方式 left right center justify（两端对齐）

hr水平线标记 属性有 align width（水平线的宽度） size（水平线的粗细） color（水平线的颜色）

br/ 换行标签

font字体属性 face 文字字体
color 文字颜色
size 字体大小

字体样式标签（全是双标）
strong 文本加粗
em 文体倾斜 如果想把em标签扶正设置 font -style：normal；
del 文字加删除线
ins 文字加下化线
big 文字变大
small 文字变小

常用的特殊字体符号代码
空格 &nbsp > ngt
< &lt

列表标签（双标签）
无序列表

• 行 包含
• 列（ul只能嵌套li ，li可以嵌套任何元素）
  ul 标签的stype属性 包含circle（空心圆）
  disc（实心圆）square（实心方块）

有序列表 ol行  li 列
ol 标签的type属性 1 a  A i I  按照这五
设置那个就按照那个依次排列
    start属性从那里开始

可以在css表中设置 list-sytle：属性；用来设置排序

自定义列表
    dl 行 dt  dd 列 （通常dt中插入文件  dd 放入对图片解释的数据）

表格标签

复合标签列行
行
table的属性 border表格边框 align对齐方式 width表格宽度单元格的填充就是单元格的大小 cellspacing 单元格之间的距离bgcolor背景颜色
td 的属性 rowspan合并列输入几合并几个 列
tr 的属性 align valign(是否垂直居中)
colspan合并行输入几合并几行
a html超级链接 属性 href=目标地址
target在那个窗口打开（值：blank表示在新的窗口打开。self在现在窗口打开、parrent和top表示在那个框架里面打开）
title 鼠标指向链接时候显示的内容

锚点链接 先定位锚点 链接

空连接 文字

img 图像标记 属性 src= 图像路径 alt=“替换文本” title=“提示文本” width = “图像宽度”
height=‘图像高度’ border=‘边框粗细’ vspace=‘垂直边距’ hspace=‘水平边距’ align=‘对齐方式’ 注意 html中不建议使用border vspace hspace align 一般通过css设置

给图像创建映射区(图片超链接)

css样式表
行内式 直接写到标签内部
内嵌式 通过写style标签定义格式为

  链如外部样式表
  <link>标签 属性 href 定义外部样式表的url
                  rel 定义链接的文件时样式表文件（stylesheet样式表）
                  type 定义链接文档的类型text/css及css文件
  常用的css选择器
  标记选择器 标记{属性：属性值}
  类选择器   .类名{属性：属性值}（必须现在标签里面加上class="类名"一个类可以有多个属性）
  id选择器 #id{属性：属性值}（一个标签只能有一个id）
  交集选择器由标记选择器和类选择器构成

标记名称.类名{属性：属性值}
并集选择器是由各种选择器由逗号隔开
选择器1，选择器2，…{属性：属性值}
后代选择器包含选择器对包含对象经行控制
父标签 字标签{属性：属性值}
通配符选择器匹配到页面内所有元素
*{属性:属性值}
兄弟选择器 标签1~标签2{}改变标签1后面的所有标签2
相邻选择轻 标签1+标签2{}改变在标签1的下面相邻的标签2
伪类选择器（通常用来设置a标签）格式如下
a：link{}刚加载时候的a标签
a:visited{}设置访问过的状态
a：hover{}设置鼠标放在上面的状态
a:active{}设置激活属性下的状态
E[att] (选择具有att属性的E元素。 )

E[att=“val”] (选择具有att属性且属性值等于val的E元素。 )

E[att^=“val”] (选择具有att属性且属性值为以val开头的字符串的E元素。 )

E[att$=“val”] (选择具有att属性且属性值为以val结尾的字符串的E元素。 )

E[att*=“val”] (选择具有att属性且属性值为包含val的字符串的E元素。 )

E[att~=“val”] (选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素（包含只有一个值且该值等于val的情况）。 )

E[att|=“val”] (选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素，如果属性值仅为val，也将被选择。有多个时，没有效果 )

css常用的文本属性
font-family 设置字体
font-size 设置字号
font-weight 字体粗细
font-style 设置字号
text-decoration 设置文本是否添加下换线删除线等
属性 overline 定义文本上的一条线
line-through 定义穿过为文本上的一条线
blink 定义闪烁文本
underline 下划线
color 设置字体颜色
text-align 设置文本水平对齐方式
text-indent 设置段落的首航缩颈
line-height 设置行高
div块级元素
span 行内元素 没有特殊意义纯粹的样式表
盒子模型的概念就是把所有的html元素看成一个盒子每个盒子逗游内容（content）内边距（padding）边框（boder）外边框（margin）
boder 属性值 top right bottom left 分别是上右下左边框 宽度 样式 颜色
padding、margin 属性 top right bottom left
注意：属性可以直接简写 例如：padding 值 值
值 值 范例解释 margin：0 auto；上线边距为0左右边距自动均匀分布

设置背景 background-color
设置背景如偏 background-imge：URL；

块与块之间的边距上下的距离是按照距离大的算
左右的距离是按照两个块的和

表单控件表单标记包含表单的容器
属性 name 给表单定义名称
action 要发送的后台地址
method 给后台的文件传输方式
表单控件
表单控件
属性有type
值
text 单行文本框
password密码输入框
radio单选按钮
checkbox复选框
button普通按钮
submit提交按钮
reset 重置按钮
image图像形式提交按钮需要src引入图片
hidden隐藏域
file文件域
属性nama 属性的名字
value控件中的值
size 控件在input中显示的宽度
readonly 控件内容为只读不能编辑修改
disabled 第一次加载页面时候禁用该控件
checked 定义控件默认选中的项
maxlength int 控件允许输入的数
当input type 为 text 时候需要输入大量数字时候使用 属性有 cols 设置一行字符数
属性 row 设置显示的行数

select控件 设置一个下拉表单

select设置下拉表单 option是下拉表单中的每一项 select 的属性 size指定下拉选项可见的选项数 multiple=multiple 下拉菜单具有多段选项 option 的属性 selected=“”当前选项为默认选项

行内元素和块级元素之间的互相转换
display的属性 inline 块元素转换成行内元素
inline—block 块级元素转换行内块元素
block 行内块元素转换成块级元素
inline—block 行内元素转换成行内块
none 不显示
定位 position
参数 relatuve 相对定位
absolute 绝对定位
fixed 绝对定位
可以使用 z-index 设置那个显示在最上面 数值大的显示到追上面