·form表单
概念:用来收集用户信息,常用于用户登录注册界面
基本语法结构:双标签,文本框input type="text",密码框,input type="password"
·按钮
1.input type="button"后必须带一个属性值value="" 普通按钮
2.input type="submit" 提交按钮
3.input type="reset" 重置按钮 清空作用
4.input type="image" src="图片路径" 图片按钮
属性内容:
<center>居中 双标签
placeholder="任意内容" 作用于提示信息。
value 给予初始值 src设置图片的路径
总结:
按钮的直接区别,(普通按钮只是单纯的点击作用,提交按钮可以用于提交内容或信息,提交按钮有默认的value值,重置按钮用于清空内容作用,与提交按钮作用一致,但多了2个参数,为点击图片的位置)
·from表单知识点补充:
<from action="地址">
label,双标签,<label for="任意代码"
·CSS 修饰 美化师
CSS样式引入第一种:行内样式,在行内加入style属性,style="属性:属性值;...."
第二种:内部样式,从head里加入style
<style>
选择器【选择操作一个元素】属性:属性值;...
</style>
第三种:外部样式,从head里加入link标签。 href后的属性值为CSS文件的位置
<link rel=''stylesheet'' href="css文件地址" type="text/css">
在css文件中,这个跟内部样式中的是一样的
知识点补充:外部样式在开发过程中经常使用
·基本选择器
1.标签选择器,标签名{
属性:属性值;
}
2.ID选择器(类似于人的身份证号)
#ID值{
属性:属性值;
}
3.class选择器(类似于人名)
.class属性值{
属性:属性值;
}
4.通配符选择器
清除一些自带的影响或行高等,还可以统一设置
*{
padding:0
margin:0
}
标签选择器优先级高于通配符选择器
ID优先级最高>Class>标签选择器>通配符选择器
5.群组选择器,集体共同属性。
font-size: 调整字体大小
font-family:设置字体样式
*line-height 和height 数值一样字体会垂直居中*