03 html 表单和css入门

html表单和css入门
表单
form标签
method属性
get
post
action属性
name属性
input标签
type属性
text
password
submit
submit是提交按钮起到提交信息的作用，type类型是button只起到跳转的作用，不进行提交。
button
创建一个普通的按钮
reset
重置
radio
checkbox
属性
name
value
placeholder
disabled
禁用
enabled
启用状态
textarea
name
cols
宽度
rows
行数
表单和表格的综合使用
css
css介绍
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）
或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
css语法
选择器 {属性:属性值;}
css使用方式
内部样式表(位于标签的内部)

差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。

差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候明显。
差别3：兼容性的差别：@import是CSS2.1提出的，所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
差别4：使用dom(document object model文档对象模型 )控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.
内联样式表(在html元素的内部)

css不同使用方式的优先级
A、内联样式表的优先级别最高
B、内部样式表与外部样式表的优先级和书写的顺序有关，后书写的优先级别高。
样式表的作用域
C、作用域：内联样式的作用域最小，只能应用于当前元素，其次是内部样式表，能应用于当前HTML文件，最后是外部样式表，能应用于所有链接的HTML文件。
css选择器
什么是选择器?
帮助我们在css中找到html的元素并且定位到指定元素的身上。
三大基础选择器
id
class
html
高级选择器
*
通配符
.d1,.d2 {}
群组选择器
.d1 .d3 {}
后代选择器
.d1>.d2{}
子元素选择器
伪类选择器
a:link{属性：属性值;}超链接的初始状态;
a:visited{属性：属性值;}超链接被访问后的状态;
a:hover{属性：属性值;}鼠标悬停，即鼠标划过超链接时的状态;
a:active{属性：属性值;}超链接被激活时的状态，即鼠标按下时超链接的状态;
Link–visited–hover–active。
必须按照顺序来使用
可以省略某一个但是顺序不能乱
选择器权重比较
三大基础选择器
id>class>html
权重比较
id、class、html选择器数量
是否直接选中目标
选中
比较权重
权重不同，比大小，谁大听谁
权重相同，谁写在后面听谁的
没有选中
就近原则，谁描述的近就听谁的
如果距离目标相同，比较权重
谁大听谁的
权重如果相同，那么谁在后面听谁的
!important
提高单个属性权重
友情提示
能不用就不用
基本css样式
width
height
background
css注释
/ 注释内容/