day02表单和amp;css基础

一. 表单

作用:用来收集用户的资料

<form method="提交方式" action="提交到哪个地址区" </form>
表单元素
<input type="类型" value="值" name="名字"/>
type=text(文本)
type=password(密码)
type=submit(提交)
type=reset(重置)
type=button(按钮)

method="提交方式"                          
get:
1.在地址栏明文提交
2.不安全
3.地址栏有长度限制,有可能造成数据丢失
4.加密也可能受到攻击
5.通常提交安全性要求不高的数据
6.提交的数据较短,提交速度快
7.向数据库获取数据,不会改变数据库

method="提交方式"                          
post:
1.不在地址栏明文提交
2.安全
3.不存在长度限制,不会造成数据丢失
4.加密后基本无法被破解
5.通常提交安全性要求高的数据
6.提交速度慢
7.向数据库发送数据,会改变数据库

二.css层叠样式,用于控制网页样式

1.css的语法规则:

选择器{
       属性:值;
}

2.css的创建

方式一:内部样式

在html页面的head标签中添加
<style type="text/css"></style>

方式二:外部样式

1.创建一个独立的html文件,后缀为.html
2.创建一个独立的css文件,后缀为.css
3.关联
关联方式一:
在html的head里添加<link rel="stylesheet" type="text/css" href="css地址">
关联方式二:
在html的style标签中的第一行添加@import url("css地址")

两种关联方式的区别:
1.本质区别:一个是标签,一个是css提供的一种写法
2.加载顺序的区别:link同时加载,@import后加载
3.兼容性区别:link不存在兼容性问题,@import低版本不支持
4.使用dom控制时的差别,link能被控制,@import不能被js控制

方式三:内联样式

样式表的优先级:内联样式>内部样式/外部样式(后写的覆盖先写的)
在同一样式表里,css的优先级与书写顺序有关,后写的覆盖先写的

3.css选择符

css基本选择符:类型选择符,id选择符,class选择符

1.id选择符:

1.在同一个页面,相同的id值只有一个 2.在同一个id属性中,只有一个值 3.具有唯一性,通常不用写css样式

2.class选择符:

1.在同一个页面,相同的class值可以有多个 2.在同一个class属性中,可以有多个值 3.具有重用性,通常用来写css样式

3.通配符*:匹配所有元素

4.群组选择器:

语法:选择符1,...,选择符5{属性:属性值}

5.后代选择器(包含选择器)

选择器1 选择器2{}
匹配选择符里的选择器2,最终匹配选择器2

这篇好文章是转载于：学新通技术网