qq_44958577的博客

原创 Day07-表单

一. 本节课学习目标。 了解表单的作用。 掌握常用的表单属性。 掌握常用的表单元素。 能够通过表单实现有表单元素的复杂网页。 二. 表单的作用。 1、通过表单元素收集用户的信息（输入框、单选框、下拉框、提交按钮等） 2、收集用户信息，并且把信息发送请求网址，后台把信息保存到数据库。 百度一下代码: 三. 常用的表单元素以及表单属性。 四. HTML5新增表单元素。 http://www.w3s...

原创 Day06-浮动问题处理

一. 本节课学习目标。 掌握浮动产生的问题。 掌握浮动产生问题的处理方案。 了解多种处理方案的区别。 二. 浮动产生的问题。 如果元素浮动，自身的层级会提升，会对其他没有浮动的同级元素造成影响。 父子结构，如果子元素浮动，会对父元素造成高度塌陷问题，父元素获取不到浮动元素内容高度。 三．解决方案。 解决问题1：在被影响的元素上添加css属性clear:both 清除浮动。 解决问题2： 1、给塌...

原创 Day05-定位

一. 本节课学习目标。 掌握定位的作用。 掌握定位的实现方式。 掌握相对定位，绝对定位，固定定位的区别。 能够通过html，css，盒模型，浮动，定位进行复杂网页布局。 二. 定位。 作用。 解决是具有层叠（覆盖）效果的布局。 实现方式。 对元素的样式设置：position: relative | absolute | fixed 不同的定位方式。 定位位置调整都是配合left, top, ri...

原创 Day8-H5和CSS3

一. 本节课学习目标。 1.了解HTML5新增标签。 2. 掌握HTML5新增表单属性。 3. 了解HTML5新增表单元素。 4. 掌握CSS3新增选择器。 5. 掌握CSS3新增属性。 6. 能够通过HTML5新标签实现特定功能，以及通过CSS3新增属性做出更美观的网页效果。 二. HTML5新增标签。 新增语义化标签-布局。 想要实现如下的布局效果： 1.1 header: 定义页面的页眉信...

原创 Day04-浮动

一. 本节课学习目标。 掌握浮动的作用以及用法。 了解浮动产生的问题。 掌握清除浮动的方法。 能够通过html，css，盒模型，浮动进行复杂网页布局。 二. 浮动。 作用。 解决块级元素同行排版问题。（解决网页的布局中左右布局的问题） Ps: 块级元素默认独占一行，不能再同一行显示。 实现方式。 在元素中添加float属性，left和right。 浮动原理。 3.1 当一个元素浮动时，会和其他元...

原创 Day03-盒模型

一. 本节课学习目标。 掌握盒模型的基本概念。 掌握盒模型的组成部分。 通过盒模型优化静态网页。 二. 盒模型。 概念。 盒模型的结构像盒子一样。有多个部分组成，可以让排版更精细话。 盒模型的组成. 2.1 内容部分：content，由css设置的宽高决定。展示内容(文字、图片等等)，width，height, 2.2 边框: border，盒子的边距，设置盒子的四边。 2.3...

原创 CSS的引入方式

一.CSS的引入方式。 1.css内部引入方式。 1.1实现方式：在html文件的head标签中，添加上一对style标签，将样式写到style标签中即可。 1.2优点: 1.2.1不用来回调文件写代码。 1.2.2因为html结构和css样式在同一个文件中，可以非常方便的查找以及写css样式。 1.3缺点： 1.3.1不能复用。 1.3.2如果写大型网站，会出现html文件中css代码多余htm...

原创 三种选择器的用法

一.HTML标签分类 1、根据标签个数分类 单标签：只有开始标签，br、hr、meta 等 双标签：有开始和结束标签，html head body等 2、根据标签的特性分类 行属性标签（行元素）：a、img、span 特性1：和其他的行元素在一行（从左到右） 特性2：css不可以改变行元素的宽高，宽和高只能通过内容撑起来。 块属性标签（块元素）： h1-6、p、div、ul、li、ol、hr 特性...

原创 HTML转义字符表