css

学习目标

1、表格

table ： 表格的开始标记
tr ： 表格的行
td ： 表格的单元格（表格的最小组成部分）
th ： 表格单元格（默认加粗和居中）
rowspan 行合并 ：把不同行（row）的单元格合并在一起
colspan 列合并 ： 把不同列（column）的单元格合并在一起
border ： 给表格元素添加边框
width ： 设置表格的宽度（智能分配）
height ： 均分
border-collapse ： 去掉表格单元格之间多余的间距和边框
text-align ： 文本内容在单元格中居中显示

2、表单【**********】

form : 表单域
actiln 设置路径
method 表单提交方式

input 标签-------行内块级标签
type 属性用于设置表单中不同的表单元素
text 文本框
password 密码框
radio 单选框
checkbox 复选框
file 文件上传
image 提交的图片按钮
submit 提交按钮
reset 重置取消
button 普通按钮
hidden 隐藏框（将不需要展示给用户，但后续还需继续使用的信息暂存在当前网页）

select 下拉框
option 下拉选项

textarea 文本域

name ：表单元素中 除了按钮之外的元素都需要设置 name 属性，属性值即为传递的信息 的名称
eg: ----pwd 即为传递信息的名称
value ：
1、按钮上面的文字
2、给文本框、密码框、隐藏框设置默认值
3、给单选按钮，多选按钮设置选中时的值
checked ： 给单选、复选按钮设置默认的选中项
selected ： 给下拉框设置默认的下拉选中项
disabled ：禁用属性，禁止对该属性所在的表单元素进行修改操作

总结默认值设置：文本框、密码框、隐藏框设置默认值使用value
单选、复选使用 checked
下拉框使用 selected
文本域直接在开始和结束标签之间写入

3、css入门

1、css 是什么
Cascading style sheets 层叠样式表，用于给网页中的元素设置样式
2、css的三种使用方式
1、行内式直接在开始标记中使用 style 属性给元素设置样式
eg ：

/

2、内嵌式在网页头部 head 标记中添加 style 标签，在 style 标签中使用如下语法对指定元素进行样式设置：
选择器{
属性名1：属性名1；
属性名2：属性名2；
}
3、 外嵌式在网页头部创建 link 标签，引入外部的 css 文件，将样式写在外部样式文件中
eg ： span{background:red}

注意 ： 三种方式的的优先级遵循 就近原则

4、常用选择器

通配符选择器 * 所有元素
ID选择器 #id 名称 同一个网页中，不要出现同名的ID
命名规则：可以使用数字、字母、下划线、&进行命名，但是不能以数字开头
类选择器 .class名称
命名规则：可以使用数字、字母、下划线、&进行命名，但是不能以数字开头
元素选择器 tagname标签名称

子代选择器 sel1>sel2
后代选择器 sel1 sel2
交集选择器
并集选择器（组选择器） sel1，sel2，sel3
伪类选择器
顺序要求 ： link visited hover active ------------------LV HaoAi
（link 在链接地址为当前页、当前项目的本地页面、当前页面的某个特定位置时能展示效果）
权值 ：
行内 #id .class tagName元素
1000 100 10 1

5、字体设置

font-style 字体风格
oblique 强制倾斜 italic 倾斜的字体
font-weight 字体厚度
范围100~900 其中 normal 代表400，bold 代表700
font-size 字体大小
单位 px
line-height 行高
常用于设置文字垂直居中
font-family 字体系列
当系列名称中出现空格时，必须使用双引导，未出现空对双引号无要求

快速写法 font ：
1、有顺序，要求 font-style/ font-weight/ font-size/ line-height/ font-family
2、有两个属性是必不可少的 font-size font-family，其他属性需要设置，就添加在相应顺序位置

6、背景设置