HTML标签,CSS：页面美化布局

HTML标签

HTML标签 ：表单标签

表单：
* 概念：用于采集用户输入的数据的。用于和服务器进行交互。
* form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围
* 属性：
* action：指定提交数据的URL
* method:指定提交方式
* 分类：一共7种，2种比较常用
* get：
1. 请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。
2. 请求参数大小是有限制的。
3. 不太安全。
* post：
2. 请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)
2. 请求参数的大小没有限制。
3. 较为安全。

* 表单项中的数据要想被提交：必须指定其name属性

*表单项标签：
*input:可以通过type属性值，改变元素的展示
*type属性：
*text: 文本框
*password: 密码
*radio: 单选框
*checkbox: 复选框
*file: 文件复选框
*hidden: 隐藏框
*按钮：
*submit:提交按钮
*button:普通按钮
*image: 图片提交按钮
*src属性指定图片的路径
*select: 下拉列表
*textarea:文本域
* cols：指定列数，每一行有多少个字符
* rows：默认多少行。

CSS：页面美化和布局控制

一。CSS的使用：CSS与html结合方式
1. 内联样式
* 在标签内使用style属性指定css代码
* 如：

hello css

* <div style="font:15px>你好 css
2. 内部样式
* 在head标签内，定义style标签，style标签的标签体内容就是css代码
* 如：

hello css

3. 外部样式
1. 定义css资源文件。
2. 在head标签内，定义link标签，引入外部的资源文件
* 如：
* a.css文件：
div{
color:green;
}

hello css

hello css

二.CSS语法
格式：
选择器{
属性名1：属性值1，
属性名2：属性值2 ...}
三. 选择器：筛选具有相似特征的元素
* 分类：
1. 基础选择器
1. id选择器：选择具体的id属性值的元素.建议在一个html页面中id值唯一
* 语法：#id属性值{}
2. 元素选择器：选择具有相同标签名称的元素
* 语法： 标签名称{}
* 注意：id选择器优先级高于元素选择器
3. 类选择器：选择具有相同的class属性值的元素。
* 语法：.class属性值{}
* 注意：类选择器选择器优先级高于元素选择器
四.. 属性
1. 字体、文本
* font-size：字体大小
* color：文本颜色
* text-align：对其方式
* line-height：行高
2. 背景
* background：
3. 边框
* border：设置边框，符合属性
4. 尺寸
* width：宽度
* height：高度
5. 盒子模型：控制布局
* margin：外边距
* padding：内边距
* 默认情况下内边距会影响整个盒子的大小
* box-sizing: border-box; 设置盒子的属性，让width和height就是最终盒子的大小

* float：浮动
* left
* right

此处输入代码

新用户注册

USER REGISTER

用户名
密码
Email
姓名
手机号
性别	男 女
出生日期
验证码

已有账号?立即登录