Xiaolong
重学前端第三天 表单和容器的作用
一、表单
- <form action=""> action=表单数据提交的地址 form必须有action属性,表示提交地址。
- 所有需要提交的数据,input必须有name属性
- input按钮的文字,使用value属性表示
- input必须放在form标签内才能提交
- get请求通常表示获取数据,post请求通常表示提交数据。
- get请求发送的数据都写在地址栏上,用户可见。post请求发送的数据用户不可见(提交之前F12,找到Network-All-Headers里面的FormData可以查看)。
- get请求不能提交大量数据(比如图片、视频、文章),但post可以,因此不要混用。
二、容器的作用
- span,一个容器标签,不具备任何特殊功能,仅当作容器来使用。用于包裹一段文本,便于给文本增加样式。
- div,一个通用的容器标签,不具备任何特殊功能,仅当作容器来使用,可以包裹任何内容,也可以容器直接互相包裹。
三、CSS
- text-align: center; 让内部元素水平居中。
margin: auto; 让元素本身水平居中(需要设置宽度)。
2.1 margin: auto;和margin: 0 auto;的区别,margin:auto=margin:auto auto auto auto 表示上下左右都为auto;margin:0 auto=margin:0 auto 0 auto,表示上下为0,左右为auto;居中方式也不同。margin:auto表示横竖都居中,margin: 0 auto表示横居中,竖不居中;
background-color: gray; 设定背景颜色。
3.1 background可以设置背景颜色、背景图片、定位等。而background-color只能设置背景颜色。
- font-size: 24px; 设定字体大小。
- color: white; 设定文字颜色。