python基础一 day48 css

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. &nbsp; 2. &copy; 3. &reg; 4. &lt; 5. &gt; 2. 今日内容 1. form表单相关内容 form 与 from 前后端有数据交互的时候用form表单 form表单提交数据的几个注意事项: 1. 所有获取用户输入的标签都必须放在form表单里面 2. action控制着往哪儿提交 3. inputselecttextarea 都需要有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. 选择器不同时 计算权重来判断