day02 今天内容回顾 1.html的操作思路**使用标签上传需要操作的数据包html5 按钮 样式，通过改变标签的属性值来改变标签中的数据样式***2. 图片标签
**通过html访问本地图片，使用绝对路径，目前存在问题 -actionmethodenctype-method:getpost **输入项***有name属性*常用输入项type="text"*密码：password*单选：radio -name值相同 -value值*Checkbox: checkbox-name值相同值 * 下拉框selectoption * 文本字段textarea * 隐藏项: type="hidden" * 文件: type="file" * 提交按钮type="submit" * reset：重置 * 使用图片提交： * 常用按钮 type="button" 6、div和span *div：手动换行 *span：在一行中显示CSS1和css的介绍 *css:级联样式表 **级联：逐层 **样式表：属性多且属性值 * 是页面显示效果越来越好 * CSS 将网页内容和显示样式分开，增强显示功能。 2、css和html的组合形式（四种组合形式）（1）每个html标签中有一个属性style来组合css和html——
css文件的路径）； - 第一步，创建css文件（4）使用head标签链接引入外部css文件 - 第一步，创建css文件 - css "href="css文件路径"/>* **第三种组合形式，缺点：在个别浏览器下不起作用，通常使用第四种方法***优先级（通常）从上到下html5 按钮 样式，从外到内。优先级从低到高.***后加载的优先级是high *** 格式选择器名称{属性名称:属性值;属性名称:属性值;...} 3.css的基本选择器(三种) **对哪个标签上的数据进行操作 (1)标签选择器 *使用标签名称作为选择器的名称 div {background-color: grey; color: White;} (2) 类选择器 * 每个html标签都有一个属性class -
啊啊啊啊
-.haha{background-color:orange;} (3) id选择器 * 每个html标签里都有一个属性id-
bbbb
-#hehe{background-color:#333300;}***优先样式>id选择器>class选择器>标签选择器 4.CSS扩展选择器(1)关联选择器*
wwwwwwwww
*设置div标签上方p标签的样式和嵌套标签上方的样式 *divp{background-color:green;} (2)组合选择器*
1111
22222
*将div和p标签设置为相同样式，不同标签设置为相同样式*div,p{background-color:orange;} (3)伪元素选择器（理解，浏览器兼容性比较差）* css提供了一些定义好的样式，可以使用 * 如超链接 ** 超链接状态 原始状态 键盘 put 状态 点击后点击： link:hover:active:visited** 内存方式 lvha5、 css bag model ** 布局前，需要将数据封装成一块区域(div) (1) border border: 2pxsolidblue; border：统一设置上边框-上下边框-下左边框-左右边框-右（2）内线间距padding：20px； 使用padding统一设置或者分别设置上、下、左、右四个内行距 CSS布局悬浮（理解） float: ** 属性值 left: 文本流向对象的一侧 right: 文本流向右侧7、css布局定位（理解）position:**属性值-absolute:* **将对象拖出文档流***可以通过top、bottom等属性定位-relative:***不会将对象拖出文档流*** 可以使用顶部、底部等属性进行定位 8. 图文混合案例 案例 **图片和文字一起显示 9. 案例图像签名 **在中显示文字图片 10.上午内容总结 1.css和html的四种组合(****) 2.css的基本选择器(****) *标签选择器使用标签名称 *类选择器。
name*id选择器#name**优先 style>id>class>label 3、css扩展选择器（了解） *关联选择器——设置嵌套标签的样式 divp{} * 组合选择器——不同标签具有相同样式 div、p {}*伪元素选择器*超链接状态-原始：link-hover:hover-click:active-after click:visited4、盒模型（理解）* border border:2pxsolidred; 上下左右border-topborder-bottomborder-leftborder-right*内行距padding：20px上下左右*外边距：20px上下左右*操作数据，需要将数据放在一个区域（div）上 5.布局的悬浮（理解）float-left：前面的div向左-right：前面的div向右 在目录上标记符号（* *****): 要点、代码阅读、代码编写、代码理解 - (****要点中的要点***)(理解): 代码阅读 Understanding(理解): 你能解释一下吗原则清楚吗？
