一.细线表格

二.表单标签和input标签

三.下拉菜单和多行文本框

四.div和是span

五.CSS基础

什么是CSS
css是web标准中的表现标准，专门负责网页中内容的布局和样式
目前使用的是css3
css代码又叫样式表
CSS语法（怎么写？）

a.基本结构
选择器{属性名1:属性值1;属性名2:属性值2;...}

b.说明
选择器{} - 通过选择器决定样式是针对哪个标签写的(在内联样式表中没有这个结构)
属性 - 属性不是随便写的，必须是CSS提供的两百多个属性中的一个；
属性名和属性值之间用冒号连接，多个属性之间用分号隔开(如果没有分号会导致后边所有的属性无效)

CSS代码写在哪儿？

a.内联样式表
将样式表作为HTML中标签的style属性值
内联样式表只能针对一个标签有效

b.内部样式表
将样式表作为style标签的内容
内部样式表可以针对当前html中所有的标签

c.外部样式表
将样式表写在一个css文件中，再通过link导入
外部样式表可以针对所有html文件中的所有标签

优先级：内联样式表的优先级最高；内部样式和外部样式，谁后写谁的优先级就高

常用属性补充：
color : 字体颜色
font-size : 字体大小
background-color : 背景颜色
width : 宽度
height : 高度

CSS中的颜色值：
a.颜色的英语单词
b.rgb的十六进制值，例如：#ff0000
c.直接使用rgb值：rgb(R,G,B), rgba(R,G,B, Alpha) Alpha：0(完全透明) ~ 1(不透明)
CSS中的数字：如果数字表示大小，必须加单位：px(像素)，em(空格)

六.选择器

选择器{属性名1:属性值;属性名2:属性值;...}

css提供的选择器的写法大概也有十几种，常见的：

标签选择器：直接将标签名作为选择器,选中当前html中所有指定的标签
例如:a{} - 选中当前html中所有的a标签; div{} - 选中当前html中所有的div标签
id选择器：将标签的id属性值前面加#作为选择器，选中所有id是指定值的标签
例如：#text{} - 选中当前html中id属性值是text的所有标签
class选择器(类型选择器):将标签的class属性值前面加.作为选择器,选中所有class是指定值的标签
例如：.test{} - 选中当前html中class属性值是test的所有标签
群组选择器: 将多个选择器用逗号隔开作为一个选择器,同时选中每个单独的选择器选中的所有的标签
例如：p,a,.test,#text{} - 选中所有p标签，a标签和class值是test以及id值是text的标签
后代选择器：将多个选择器用空格隔开作为一个选择器, 从前往后一层一层的找，找到最后一个选择器对应的标签
例如: div .test #text{} - 现在div标签中class值是test的标签中id值是text的标签
div div p{} - 选中div中的div中的p标签
通配符：将*作为选择器, 选中当前页面中所有的标签
例如: *{} - 选中当前页面中所有的标签

七.伪类选择器

伪类选择器是用来选中标签的不同的状态（为了标签的不同状态设置不同的样式）

基本格式
普通选择器:伪类选择器
伪类选择器

1)link - 标签的初始状态;一般作用于a标签，表示a标签中的连接没有成功访问过对应的状态
标签:link{} - 标签是通过各种选择器来选中的标签
2)visited - 超链接被访问后的状态。一般作用于a标签
3)hover - 鼠标悬停在标签上的时候对应的状态
4)active - 激活状态,鼠标按下还没有弹起的时候对应的状态

爱恨原则:当同一个标签需要同时给多个状态添加样式的时候，要遵守爱恨原则：link-visited-hover-active
LoVeHAte

day2-表单和css基础