笔记

水平线标记：
  是单标签
换行标记：

段落标记：

标题标签： n:1-6   数字越大标题越大
文本样式标记：文本内容 
加粗：或 
斜体：或 
加删除线：或
加下划线：或 
图像标记： 
创建超链接：文本或图像 
 target：用于指定链接页面打开方式，有_self(为默认值)和_blank（在新窗口打开）
：设置整体链接的打开状态
创建锚链接：
1.链接文本
2.使用相应的id名标注跳转目标的位置
无序列表:

      
列表1
      
列表2

有序列表:

      
列表1
      
列表2

自定义列表:

      
名词1
      
名词1解释

cellspacing:单元格与单元格之间的距离
cellpading:文字与单元格之间的距离
align:表格在网页中的对齐方式
caption:定义表格标题
表单语法：
...
name:定义表单的名称
method:浏览器传到服务器的方式，一般默认get

text:单行文本输入框
password:密码输入框
radio:单选按钮
checkbox:复选框
botton:普通按钮  
submit:提交按钮
reset:重置按钮
image:图像形式的提交按钮
hidden:隐藏域
file:文本域
文本内容
下拉菜单

          北京 
          上海

引入外部样式表
tr :行
td：列
设置表格表头：
人员信息表
表格结构
 头
 身体
    脚

单元格横向合并：

      
      
      

纵向合并：

      
      
      
     

maxlength:设置文本输入框最多只能输入多少字符
readonly="readonly":设置文本输入框为只读
disabled="disabled":控件属于未激活的状态
name="username":给输入框设置名称
value=“”：设置或显示输入的值
checked="checked":设置默认的选中值
multiple="multiple":实现多选效果
header:头部  
container：内容
footer：尾部
nav：导航
sidebar：侧栏
logo：标志
banner：广告
main：页面主体
content：内容
text-align：文字居中格式
font-size:设置文字大小
font-family:设置字体
font-weight:字体加粗
font-style:字体风格
color:文字颜色
text-indent:首行缩进
italic:文字斜体显示
normal:文字正常显示
margin：0 auto;盒子居中显示
块级元素：
 
 
 
 
 

行内元素：

行内块元素：
行内元素转块元素：display:block
行内元素转行内块元素：display：inline-block
display:inline:转为行内元素
css伪类
:link   应用于未被访问过的链接
:hover    应用于用鼠标指针悬停于其上的元素
:active   应用于被激活的元素，如被点击的链接，按下的按钮
:visited  应用于已被访问过的链接
:focus   应用于拥有键盘输入焦点的元素

基础选择器

标签选择器：p{属性：值；}
类选择器  .fontcolor{color:red;}
                调用
文字
id选择器
 #自定义名称{属性：值}
通配符选择器
*{属性：值}

复合选择器
标签指定式选择器 p.类选择器{属性：值；}
后代选择器            选择器   选择器{属性：值；}
并集选择器           选择器，选择器，选择器{属性：值；}

浮动：float
overflow：hidden   溢出的隐藏
clear：left/right/both 清除浮动

overflow介绍
overflow:visible 默认值，内容不会被修剪，会呈现在元素框外
overflow：hidden 内容会被修剪，并且其余的内容不可见的
overflow：scroll  内容会被修剪，但是浏览器会显示滚动条以便查看其余内容
overfolw:auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容

定位
position：static   静态定位（按照标准流的方式显示）
position:absolute 绝对定位  （以浏览器左上角为基准设置位置；当一个盒子包含在另一个盒子中，父盒子未设置定位，子盒子以浏览器左上角为基准设置位置，当父盒子设置定位，子盒子以父盒子左上角为基准设置位置；绝对定位绝对不占空间位置，与浮动一样；可实现模式转换）
position:relative  相对定位（以元素自身位置为基准设置位置；相对定位占位置；一般子元素设置相对定位，父元素设置绝对定位）
position:fixed  固定定位 （不占位置）

margin：0 auto 居中对齐
display:none 不显示元素
vertical-align:middle 垂直对齐

绝对定位（看脸型）
脱标/模式转换

相对定位
没有脱标/子绝父相

固定定位
脱标/模式转换