今天讲了表单,css基础知识,
表
form表单:用来收集用户信息,常用在【用户的登录注册界面】
基本的语法结构:<form></form>
文本框:input type="text"
密码框:input type="password"
按钮:input type="button" value=""
提交按钮:input type="submit" value=""
重置按钮:input type="reset" value=""
图片按钮:input type="image" src="图片的地址【url】"
属性:placeholder 提示信息
value 给一个初始的值
src 设置图片按钮的路径
总节:按钮直接的区别【普通按钮和提交按钮 普通按钮只是单纯的点击作用,提交按钮可以提交页面的内容,提交按钮有默认的value值】
重置按钮起到清空内容的作用
图片按钮 跟提交按钮作用一致,但是多了两个参数【为点击图片的位置】
css基础知识,css分三种样式,第一行内选择器,在行内加入style属性选择器:告诉浏览器要操作那个界面的样式。
第二{属性:属性值;}在head里加入,style标签
语法:<style>
选择器【选择操作哪一个元素】{属性:属性值;...}
<style>
第三:外部样式 在head里加<link rel="stylesheet" href="css文件的地址"
选择器:标签选择器,id选择器,class选择器,多类选择器,通配选择器,
选择器的最大到最小id>class>标签>通配符选择器,
css更改文字设置,语法<font-size>更改文字大小,<font-family:属性值;>更改文字字体,
<line-height>文字水平在中间。