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转义字符表