CSS基础学习01

 

表单

 

表单元素

form

表示表单，向服务器发送用户输入的内容（数据）

属性 ：action

作用：提交表单的地址

 

method

作用：提交表单的方式，提交表单的方式至少有两种

属性值

get

默认属性值，不建议使用

post

建议使用的发送表单数据的方法

 

enctype

作用：提交表单的MIMELE类型

 

表单组件

input表示输入框

 

type：表示输入框的类型

 

text：表示文本输入框，可输入账号

 

password：表示密码输入框

 

button：表示按钮

 

reset：表示重置；将组建或者输入框的内容清空

 

submit：表示提交；将当前的表单提交给指定的地址；用action属性指定地址

 

radio：表示单选框；可创建一组单选框，只允许选择一个；创建的单选框必须在一个组；用相同的name属性表示；一组单选选项需要用不同的value值来区分

 

checkbox：表示多选框；可创建一组多选框，允许选择多个；创建的多选框必须在一个组，用相同的name属性表示；一组多选选项需要用不同的value值来区分

 

file：表示文件域

作用：允许选择本体文件

用途：多用于文件的上传

 

Hidden：表示隐藏域；该属性值里的内容不会被用户看到；用于存储一些不希望被用户看到的东西

 

email

创建一个邮箱登陆框

 

Value：表示输入框的值；输入框所输入的文本内容

 

Multiple：表示多选

 

下拉列表

 

select

表示下拉列表

 

option

表示下拉列表的选项

必须配合select一起使用

语法

 

<select name=”mingzi” size=”number”>

<option value=“1” multiple>

</option>

<option value=“2” multiple>

</option>

</select>

 

Value：表示值

属性

Name：表示名字

Id：表示标识

Size：表示下拉列表默认显示选项的个数

值：number

 

文本域

 

Textarea：表示文本域

cols  ：表示行

值：number

Rows：表示列

值：number

 

CSS入门样式

 

内联样式

 

直接写在标签内的样式

语法<h1 style=”color:颜色”空格font-size:像素（单位px）></h1>

不能做到有效分离,也不可重复使用

 

内嵌样式

 

直接写在head标签内的样式

语法：<style type=”text/css”>

h1 {color:颜色;font-size:像素（单位px)}

</style>

可以重复使用，但依旧被定义在HTML页面中

 

外联样式

直接引入外部CSS文件

外部CSS文件语法

标签名{

color:颜色;

font-size:像素（单位px)

}

 

语法：<link rel=”stylesheet” type=”text/css” href=”路径”>