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中的注释

    /*要注释的内容*/

yang, xiaoyun

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: