学习H5的第二天

一、随堂笔记

表单

<center>居中 <form action=”地址”>

From表单：是用来手机用户信息的，常用来用户登录的界面基本结构为《form》

文本框 input type="text“

密码框input type=“password“

提交按钮input type=“ submit“value

按钮按钮input type=“button“value 单纯的按钮

重置按钮input type=“reset”

图片按钮 input type=“imge”src=“图片地址”

<Label for=“id1”>昵称</ Label><input..............id=“id1”>点击昵称

属性：

placeholder文本框里的提示信息

value 给文本框里一个初始的值

src设置图片按钮的路径

总结：

按钮直接的区别【普通按钮和提交按钮 普通按钮只是单纯的点击作用 提交按钮可以提交页面的信息，提交按钮有默认的value值（自带字）】

重置按钮起到清空内容的作用

图片按钮跟提交按钮作用一致，多了两个参数【为点击图片的位置】

Css引入方式

1. Css央视引入第一种，行内样式 在行内加入style属性（width）
2. 内部样式、风格，从head里面加入style标签

<style>

     选择器【选择操作那一个元素】{

      属性：属性值

      .....

     }

</style>

1. 外部样式在head里面加一个link标签

<link rel=“srylesheet” href=”css文件地址” type=“text/CSS”(可有可无)>

在css文件中：

这个跟内部样式是一样的

    选择器【选择操作那一个元素】{

      属性：属性值

       ...

}

知识点补充：在外部样式开发过程中经常使用的

选择器

标签选择器

1标签（div）{

 属性：属性值

}

2ID选择器

#***(id){

属性

}

3名字选择器

.***(Class){

属性

}

4通配符选择器

清楚一些自带的影响或行高等，还可以统一设置

*{

 Padding：0（填充）

 Margin：0（边缘、边界）

}

字体大小

Font-size：大小

Font-family字体

Line-height 行高 和height数值一样会垂直居中

二、随堂练习