html基础

        html总结

 一 html：

1     表格    ： table  tr 行  td 列

2     超链接： a 标签  

3     伪类    ：用来添加一些选择器的特殊效果  （a标签伪类包括：hover，visist ，action，link link为默认状态 ）

       注意事项：

        -  在css定义中 ， a：hover 必须置于a.;link和a:visit 之后才有效 （因为只有在连接和访问之后才生效）

        - 在css定义中     a:action 必须被置于a:hover之后，才是有效的

        - 伪类的名称不区分大小写

锚点：假如你想在底部跳到页面的指定位置，在指定位置处标签内设置id选择器（class不好使），在底部设置超链接调用id

            <ahref=".top"target=“_self">回到顶部</a>

          -  其中 target 为目标 设置为—self 自身跳转（也是就当前页面）  —black为新页面

         -  超链接的优化写法 所有的超链接都在新窗口打开 base  

4  无序列表 ul 

 style属性：square disc（默认） circle

 list-style =none 去除 square disc circle

5    有序列表 ol

      style 属性 设置标的排序 

      1 ，a, A , I , i 依次按照数字，小写字母 ，大写字母 ，大写罗马，小写罗马

          <!--start从哪个位置开始排序，使用整数-->
          <!--如排序从E开始，start=“5”-->
          <!--III开始 start=“3”-->
          <!--8开始 start=“8”-->

6 table

 cellspacing 单元格的距离 cellpadding 内容与边框的距离

 rowspan 合并2行   colspan 合并2列

（注意：合并的同时 要剔除多余的列或行 ）

*********表单 form  用于收集用户信息********

 <input>  元素  text文本输入

           -  radio 定义单选按钮输入（默认选项checked）

           -  submit 定义提交按钮

-action 属性定义在提交表单时执行的动作 向服务器提交表单的通常做法是使用提交按钮 通常表单被提交到web服务器上的网页

-method属性规定在提交表单时所用的http方法（get post）

-post更加安全，在网页地址栏不可见

-get 表单数据在地址栏可见   适用于少量数据的提交。另外浏览器会设定容量限制

二 css

1 css 层叠样式表 Cascading Style Sheets

书写的三种方式：行间样式表（style 直接写进标签里） 

  选择器： id ，class， *（通配符） 后代选择器（空格隔开）并集选择器（用逗号隔开）

块状元素：div h1-h6 p ul li html5(head section footer aside nav)

        - 特点：独占一行 可以设置高度和宽度

行间元素： span（文档中的行内元素进行组合：文字小组合）  a  strong em del ins 

       - 特点   不独占一行      不能设置宽度和高度 高度由装载的内容来决定 宽度设置无效

2   区别块和行：

块  大     行  小

块状元素可以嵌套块状元素 也可以嵌套行间元素

行间元素不能嵌套块状元素 只能嵌套行间元素

块状元素本身即盒子  行间需转换成盒子  通过display

3 ****浮动*****

清除浮动

当父盒子没有定义高度时，嵌套的盒子浮动后，下面的盒子会发生位置错误

清除浮动不是不用浮动，清除浮动产生的不良影响

clear ：left right both

overflow 所设内容超过盒子的大小 设置overflow（auto scroll）

               

4 定位

absolute

-元素使用绝对定位之后不占据原来的位置 从浏览器出发

-嵌套的盒子 父没有使用定位，子盒子绝对定位 子盒子位置从浏览器出发

-嵌套的盒子  父使用相对定位，子盒子绝对定位 子盒子从父盒子位置开始

-给行内元素定位使用绝对定位后，转换为行内块元素

-典型的行内块元素（input ，img）

-固定定位  特点怎么拉浏览器不动位置

   父 positon ：fixed

   子position ： absolute