前端学习Day3

一.表格
1.表格的作用： 显示数据，每一个表格都是一个table，行是tr，列是td
2.表格的html属性：
width=" " 宽
height=" " 高
border=" " 边框
bordercolor=" " 边框颜色
cellspacing=" " 相邻单元格边框间的间距
cellpadding=" " 内容距离边框之间的间距
align=" " 水平对齐方式 属性值： left/center/right
valign=" " 垂直对齐方式 属性值：top/bottom/middle
二.合并单元格： 注：只要跨行的都是合并行、不跨行的都是合并列。
1.合并行的属性： rowspan=“合并的单元格数量”
合并列的属性： colspan=“合并的单元格数量”
注：无论合并行、还是合并列 操作的都是td。
2.表格内部： 有合并行又有合并列
注：先合并列、再合并行！
三.表单：作用：收集用户信息
1.表单标签：(表单域)

2.表单控件：

3.文本框（输入框）
4. 密码框

5. 提交按钮

6.重置按钮(使当前表单恢复到初始状态)

7.空按钮：


四.css基础
1.css作用：渲染网页
2. css: 层叠样式表
最新的版本 ： css3.0（在之前的基础上增加了一些内容）
3.为什么要用css？
相比html操作元素的样式更加的便利，功能性更强，有利于维护。（结构和表现得分离）
4.css语法：选择符{属性：属性值;}
eg: div{width:300px;}
5.css语法说明：
a:选择符选择的是html标签
b:所有的css声明都要放在大括号里面
c：css声明 包括 属性 和 属性值
d：css的属性和属性值 使用冒号进行连接
e：每条声明的后面用分号结尾。
f：如果一个属性有多个属性值的时候，属性值和属性值之间用空格隔开。
注：所有的css代码都要放在css样式表里面。
五.css样式表：内部样式表\外部样式表\内联样式表
1:内部样式表：
注：内部样式表，尽量放在head描述区里面。

2：外部样式表
创建一个后缀名为.css的文件。
外部样式表的导入：
第一种方法：
第二种方法：

3: 内联样式表（行间样式、行内样式）：
<标签 style=“内联样式”> </标签>
4.link 和 @import 区别：
a：本质区别： link 属于html一个标签。 @import 属于css提供的一个方法。
b：加载顺序： link导入的css和html结构同时加载。 @import先加载结构后加载样式。
c：兼容性的差别： link兼容性更好一些。
d：js操作DOM样式的差别。 @import导入的css是无法通过js做动态样式的修改。