HTML的补充和css的语法与元素类型

一 html按钮的种类：

            1. 提交按钮 <input type=”submit” name=”” value=”” />

            2. 重置按钮<input type=”reset” name=”” value=”” />

            3. 普通按钮 <input type=”button” name=”” value=”” />

            4. 图片按钮 <input type=”image” src=”” /> 了解

总结：

1.提交按钮有提交功能，重置按钮有重置功能，普通按钮没有功能，图片按钮有提交功能

2.按钮中的value是用来修改按钮上的文字的

二 CSS的语法

Css是层叠样式表

语法：选择器{属性名:属性值; Eg: h1{color:red;}

注意：属性不区分先后顺序，标点符号一定要在英文输入法状态下书写！！！

三．结构与表现相分离

     不在html中控制样式，比如h1需要居中不写<h1 align=”center” ></h1>

四．div与span标记

    1. div 一个较大的容器，能装任何元素（标签，标记），容器无实意。

    2. span 一个较小的容器，能装文本和行内元素，无实意。

五．元素类型（显示模式）

    1. 行内元素 不能控制宽高，不独占一行

    2. 块元素 可以控制宽高，独占一行

    3. 行内块 可以控制宽高，不独占一行

六．元素类型转换

    1. 行内转块 display:block;

    2. 块转行内 display:inline;

    3. 转行内块 display:inline-block;

七． CSS引入方式

    1. 行内式 <div style=”CSS代码”></div>

Eg：<h1 style=”color:red;”></h1>

    2. 内嵌式

            <style type=”text/css”>CSS代码</style>

    3. 链接式

            <link href=”CSS文件的路径” rel=”stylesheet” type=”text/css” />

    4. 导入式

        <style type=”text/css”>

            @import url(CSS文件的路径);

        </style>

链接式与导入式的区别

1. 链接式 html和CSS同时加载
   
2. 导入式 先加载完html再加载CSS
   

八 css基础选择器

    1. 标签选择器 标签名{属性名:属性值;} eg: h1{color:red;}

    2. id选择器 #id名{属性名:属性值;} eg：#box{color:red;}

    3. 类选择器 .类名{属性名:属性值;} eg: .one{color:red;}

4.通配符选择器 *{属性名:属性值}

九． 命名规则

    1. 不能以数字开头

    2. 尽量不占用关键字（编写代码的人用过的单词比如div）

    3. 尽量不使用中文（避免出现乱码）

注意：id名是唯一的！！

十一. CSS常用属性

1. Color 文本颜色
   
2. Text-align 文本水平对齐方式
   
3. Width 盒子的宽度
   
4. Height 盒子的高度
   
5. Background-color 背景颜色
   
6. Text-indent 文本缩进
   
7. Font-size 文本字号
   
8. Font-weight:normal/bold； 文本的正常或加粗
   
9. Font-style:normal/italic; 文本的正常或倾斜
   
10. Font-family 文本字体
    
11. Line-height 行高
    

十二. CSS中的注释

    /*要注释的内容*/