css基础

1.标签之间的镶嵌关系

div和span没有具体的含义

​ - div通常用来表示一个盒子作为网页的布局

​ - span包裹的是一段文本或者一个文本

2img标签

​ - src 图片的路径/地址

​ - alt 提示:当图片加载失败的时候提示的一段文本

​ - border 边框(html属性,只需要设置边框的大小，颜色样式都是 默认的)

​ - width/height 宽/高(设置最常见的两个属性)

​ - title 提示 优化 用户体验(所有的html标签都可以使用title属性)

3.相对路径和绝对路径

绝对路径

​ - 唯一 含有盘符

​ - 缺点:在其他电脑或者服务器上的时候，路径会出错

​ 相对路径(重点+难点)

​ - 同级找同级 目标文件的名字 (玄豹同学找女朋友) => 女朋友名字

​ - 上级找下级 目标文件的文件夹/目标文件的名字 => 老王的宿舍/女朋友的名字

​ - 下级找上级 …/ 跳出当前文件夹

4.表格的属性

table>tr>td         table 表格     tr 行     td列
 width  宽  height 长   border 边框
 cellspcing   单元格的间距
 cellpadding  单元格和内容之间的间距
 
- 作用:以前表格是用来做网页布局的，后面表格被淘汰掉只做数据的展示
        属性的学习
            - width/height 宽高 单位默认为px(像素) html属性值可以省略单位
            - border 边框
            - bordercolor、bgcolor 边框颜色\背景颜色
                - 属性值:英文单词
            - cellspacing、cellpadding 单元格的间距/单元格和内容之间的间距
                - cell 单元格
                - spacing/space 空间 距离
                - padding 内边距
            - 控制水平垂直对齐
                1.控制水平方向对齐方式 align:left、right、center
                    - table:控制整个表格居中
                    - tr:控制一行内的文本居中
                    - td:控制一个单元格文本居中
                2.控制垂直方向对齐方式 valign(vertical 垂直) top、bottom、middle
                    - table:不可以设置，没有反应
                    - tr:控制一行内的文本在垂直方向移动
                    - td:控制一个单元格内的文本在垂直方向移动
        
            重点: 合并属性 属性值为数字(删除的个数) - 记住:合并之后一定要删除被合并的单元格
                - 列合并 colspan
                - 行合并 rowspan
            总结；跨行合行 跨列合列

5表单的使用

 表单的应用:收集用户的信息
        表单框 form 切记不要写成from 大的盒子
            - action 行为/动作 后台地址
            - name  表单框的名字
            - method 方法 get/post get传输携带参数
        
        表单控件 input 收集用户信息
            - type 类型 十几种 type类型改变的时候表单控件的含义也是不一样的
            - name 名字
            - size 尺寸 属性值是一个字符数 表示当前表单控件的长度
            - maxlength 最大长度 
            - value 价值 提示文本(根据type类型的不同 显示作用不同)

6