1. 前情回顾
1. Web开发的本质
客户端 服务端
浏览器 自己写socket server
2. HTML
HTML标签
1. 单标签和双标签
2. 内联标签和块儿级标签(是否独占一行)
内联: span img a b i
块儿级:div h1~h6 p hr ul li ol
嵌套的规则:
1. 内联的不能套块儿级
2. p不能套块儿级标签
3. 展示用的和交互用的
4. table标签
5. 列表
1. ul
2. ol
3. dl
6. 特殊符号
1.
2. ©
3. ®
4. <
5. >
2. 今日内容
1. form表单相关内容 form 与 from
前后端有数据交互的时候用form表单
form表单提交数据的几个注意事项:
1. 所有获取用户输入的标签都必须放在form表单里面
2. action控制着往哪儿提交
3. input\select\textarea 都需要有name属性
4. 提交按钮 <input type="submit">
小总结:
input系列:
text
value 设置默认值
placeholder 设置占位内容
password
radio 单选框
checkbox 多选框
date 日期
datetime 时间
file 文件
button 普通按钮,多用JS给它绑定事件
reset 重置
submit 提交
埋下伏笔:什么时候用 <input type="hidden">
textarea 大段文本
select 下拉菜单
option 具体的下拉选项
optgroup 分组的下拉框
-label="上海"
2. CSS
HTML 骨架
<标签1 样式=xxx >
<标签2 样式=xxx>
<标签3 样式=xxx>
1. 重复的样式
2. 文档内容和样式的解耦
--> CSS是什么? 层叠 样式 表
--> CSS如何引入?
1. 直接写在标签里面 style="样式1;样式2;"
2. 在head中通过style标签定义
3. 把样式单独写在css文件中,然后在html文件中通过link标签导入
--> CSS语法
选择器 {样式1;样式2}
--> CSS查找标签的方式(选择器)
1. 基本选择器
1. 标签选择器 适用于 批量的\统一\默认的样式
2. ID选择器 适用于 给特定标签设置特定样式
3. 类选择器 适用于 给某一些标签设置相同的样式
2. 通用选择器
1. *
3. 组合选择器
1. 后代选择器 空格
2. 儿子选择器 >
3. 毗邻选择器 +
4. 弟弟选择器 ~
4. 属性选择器
1. [s9]
2. [s9="hao"]
5. 分组和嵌套
1. div,p
2. #d1>p
--> 样式文件优先级
1. 内联样式(直接在标签里面写style) 优先级最高
2.选择器都一样的情况下,谁靠近标签谁就生效
3. 选择器不同时 计算权重来判断