表格的HTML属性:
width 宽
height 高
border 边框
bordercolor 边框颜色
cellspacing="0"相邻单元格之间的间距
cellpadding="0"内容距离边框之间的间距
align="“水平对齐方式 left(左) center(中) right(右)
valign=”"垂直对齐方式 top(上) bottom(下) middle(居中)
合并单元格:
注释:只要跨行的都是合并行,不跨行的都是合并列
合并行的属性:rowspan=“合并的单元格数量”
合并列的属性:colspan=“合并的单元格数量”
注释:无论合并行.还是合并列 操作的都是td
表格的合并行又合并列:
表格内部:
有合并行又有合并列
注释:先合并列,再合并行
表单基础:
表单作用:收集用户信息
表单标签:(表单域)
属性:action=“url(路径)” 表单提交的路径
method=“get/post” 数据的传输方式
name=“表单的名称”
表单控件:input
属性:type="" 指定input生成的类型(输入框.提交按钮.空按钮)
value="" 根据type类型的不同,作用也是不一样的
maxlength="" 输入字符的最大长度
name="" 当前表单元素的名称
size="" 以字符为单位的,控制表单元素的大小
文本框(输入框):input type=“text”
密码框:input type=“password”
提交按钮:input type=“submit” value=“更改字”
重置按钮:input type=“reset”(使当前表单恢复初始状态)
空按钮:input type=“button”
CSS基础
CSS作用:渲染网页的
CSS: 层叠样式表
为什么要用CSS?
相比HTML操作元素的样式更加的便利,功能性更强,有利于后期维护。(结构和表现的分离)
CSS语法:选择符{属性:属性值;}
语法说明:1.选择符选择的是HTML标签
2.所有的CSS声明都要放在大括号里面{}
3.CSS声明包括 属性和属性值 XX:XX
4.CSS的属性和属性值 使用冒号进行链接:
5.每条声明的后面用分号结尾;
6.如果以个属性有多个属性值的时候,属性值和属性值之间用空格隔 开
注释:所有CSS都要放在CSS样式表里面!! style /style就是样式表
CSS样式表:1.内部样式表 style
CSS内部样式表
/style
注释:内部样式表,尽量放在head描述区里面
2.外部样式表
创建一个后缀名为CSS的文件
外部样式表的导入:方法1. <link rel="stylesheet" href="CSS样式表的url">
href="" 链接路径
rel="stylesheet" 建立关联性
方法2.<style>
@import url(“”);
</style>
link 和 @import 区别:1.本质区别
link属于html一个标签
@import 属于CSS提供的一个方法
2.加载顺序:
link导入的CSS 和 html结构 同时加载
@impoer 先加载结构 后加载样式
3.兼容性的差别
link兼容性更好一些
4.js操作DOM样式的差别
@import导入的CSS是无法通过JS做动态样式的修改
3.内联样式表(行间样式.行内样式)
<标签 style="内联样式"></标签>