h5 day3笔记 2021.08.18

路径：

绝对路径：包含电脑磁盘的路径（工作中不推荐使用）

相对路径：

同级找同级：直接写目标文件的名称（后缀名）

上级找下级：目标文件的文件夹名词/目标文件的名称（后缀名）

下级找上级： ../目标文件的名称（后缀名）

表格：

table(最外层表格）> tr（行）> td (列） 

属性：width（宽度） height（高度）   --单位为像素px

border（边框）   bordercolor（边框颜色） bgcolor（背景颜色）

cellspacing（单元格间的间距）   cellpadding（单元格与内容的间距）

表格元素的对齐方式：align（水平方向）：left/right/center

valign（垂直方向）：top/bottom/middle

rowspan（行合并）  colspan（列合并）

表单：（收集用户信息）

表单域： <form name=“”  method=“” action=“ "></form>

form（输入框，无实际含义）  name（表单框的名字）method（前端与后端交互的方式 get/post）action（提交的路径地址）

表单控件 ：（默认是text)      value（提示信息文本，随type改变含义）

<input type="text" value=""/>        文本输入框   value代表提示信息文本（占位置的）

<input type="password" value=""/>        密码 一般不用value，用placeholder（前者占位置，输入时需要手动删除，后者不需要）

<input type="checkbox" checked="checked" disabled="disabled"/>    复选按钮checked（默认选择），disabled（禁止选择）

<input type="radio" name="rel"/>      单选按钮 需给单选框加上name属性，选项的属性值设为一致

name（表单框的名字）

size（单位是字符数）

maxlength（最大长度）

功能按钮：（一定要写在form表单中，不然没有作用）

<input type="button" value=""/>      空按钮（可作为标签和属性两种形式 ，需绑定js事件）

<input type="submit" value=""/>     提交（每个浏览器显示文本会不同，可以使用value进行设置）

<input type="reset" value=""/>        重置

CSS：

写法：选择符{属性1:属性值1;属性2:属性值2;......}         --选择符/选择器就是要进行修饰的标签名称

css样式表：行内/内部/外部

行内样式表：标签内部创建，style属性，属性值时css的声明

内部样式表：建议在head内创建，style标签，在标签中书写css的语法

外部样式表：外部创建一个css文件，在css文件中书写css语句，建议在head内使用link标签引入css文件 （第二种方式：创建style标签，把link换成@import url（‘文件路径’）   区别：link引入css页面会同时加载html和css，而第二种页面会先加载结构后加载css样式）  --用的最多

优先级：行内样式表优先级最高，内部和外部取决于书写顺序，在下面的优先级高