第三天学习梳理

表格的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="内联样式"></标签>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值