学习前端的第三天

一、表格
1.表格的作用：显示属性
表格：table,行：tr，列：td
2.表格中的属性
width 宽度
height 高度
border 边框
bordercolor 边框颜色
cellspacing="" 相邻单元格边框间的间距
cellpadding="" 内容距边框之间的间距
align=“center/left/right” 水平对齐方式，居中/左对齐/右对齐
valign=“top/bottom/middle” 垂直对齐方式，顶部/底部/居中，垂直方向一般默认居中
3.合并单元格
注：只要跨行的都是合并行、不跨行的都是合并列！
rowspan="" 合并行，属性值为合并的单元格数量
colspan="" 合并列，属性值为合并的单元格数量
注：无论合并行、还是合并列 操作的都是td
二、表单
1.作用：收集用户信息

其中，action=“url（路径）”为表单提交的路径，method=“get/post”为数据的传输方式，其中还有name=“”，属性值为表单的名称。
2.表单属性
type="" 指定input生成的类型（输入框、提交按钮、空按钮。。。）
value="" 根据type类型的不同，作用也是不一样的。
maxlength="" 输入字符的最大长度
name=“” 当前表单元素的名称
size="" 以字符为单位的，控制表单元素的大小(了解)
3.input标签，type类型

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

css内部样式表

注：内部样式表，尽量放在head描述区里面。
3.外部样式表
a.创建一个后缀名为.css的文件；
b.导入外部样式表（共有两种方式）：
i.
href="" 连接路径
rel=“stylesheet” 建立关联性
ii.
以上两种方法的区别：
i：本质区别：
link 属于html一个标签。
@import 属于css提供的一个方法。
ii：加载顺序：
link导入的css 和 html结构 同时加载。
@import 先加载结构，后加载样式。
iii：兼容性的差别：
link兼容性更好一些。
iv：js操作DOM样式的差别。
@import导入的css是无法通过js做动态样式的修改。
综上所述，经常使用的是link
4.内部样式表（行间样式、行内样式）
<标签 style=“内联样式”>