10 2016 档案
摘要：JavaScript表达式中的运算符 学习要点： 1.什么是表达式 2.一元运算符 3.算术运算符 4.关系运算符 5.逻辑运算符 6.*位运算符 7.赋值运算符 8.其他运算符 9.运算符优先级 ECMA-262描述了一组用于操作数据值的运算符，包括一元运算符、布尔运算符、算术运算符、关系运算符、
阅读全文
摘要：JavaScript数据类型 学习要点： 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.String类型 7.Object类型 ECMAScript中有5种简单数据类型：Undefined、Null、Boolean、Numbe
阅读全文
摘要：JavaScript语法、关键保留字及变量 学习要点： 1.语法构成 2.关键字保留字 3.变量 任何语言的核心都必然会描述这门语言最基本的工作原理。而JavaScript的语言核心就是ECMAScript，而目前用的最普遍的是第3版，我们就主要以这个版本来讲解。 一．语法构成 区分大小写 ECMA
阅读全文
摘要：使用JavaScript 学习要点： 1.创建一张HTML页面 2.<Script>标签解析 3.JS代码嵌入的一些问题 一．创建一张HTML页面 因为JavaScript是嵌套在html文档中的，所以要想创建一个html文档 二．<Script>标签解析 <script>xxx</script>这
阅读全文
摘要：JavaScript概述 学习要点： 1.什么是JavaScript 2.JavaScript特点 3.JavaScript历史 4.JavaScript核心 5.开发工具集 JavaScript诞生于1995年。它当时的目的是为了验证表单输入的验证。因为在JavaScript问世之前，表单的验证都
阅读全文
摘要：移动流体布局和响应式布局总结 宽度与高度 区块宽度一般用max-width 最大宽度和百分比，来定义宽度，因为要实现自动缩放 高度如果要自适应，就不需要定义高度，或者定义最小高度 注意：横向的尽量用百分比，如边距等 图片自适应 保证小于图片分辨率的手机，自适应等宽屏幕 图片一定要能够自适应等比例缩放
阅读全文
摘要：html5+css3移动手机端流体布局，旅游部分，媒体查询 媒体查询 媒体查询是手机网站和自适应网站的重要部分，媒体查询可以根据不同的屏幕大小，做响应的处理，如文字的大小，区块隐藏等等 媒体查询，这里我们不去详细去讲解，这个放到后面响应式章节讲解，这里简单使用即 可。 旅游部分 注意旅游部分要两个内
阅读全文
摘要：html5+css3移动手机端流体布局，基础CSS,头部设计,轮播设计,底部设计 基础CSS 首先将通用css属性写好 头部设计 我们用新单位rem就是以根元素挂钩来计算大小，首先将根元素字体设置成16px作为基准 这后面的单位就以这基准的rem就是倍数来计算，区块宽度基本用max-width最大宽
阅读全文
摘要：html5+css3移动手机端流体布局，开篇知识 将项目设计成移动端可访问的页面，项目采用的是流体布局。也就是宽度以百分比自适应的，因为手机的屏幕大小不一致 一．整体设计 首先 我们要了解一下测试工具。这里提供两种测试工具 一种是Chrome自带的移动端测试工具 另一种是OperaMobile移动端
阅读全文
摘要：html5+css3pc端固定布局，完成首页 此时我们的首页就完成了 首页效果 其他页面我就不做了，原理相同，做其他页面时将头尾css分离调用即可 大纲算法 我们看看大纲算法比较清晰，说明符合规则 html代码 css代码
阅读全文
摘要：html5+css3pc端固定布局，底部区域，说明区域，版权区域 完成: HTML代码： css代码：
阅读全文
摘要：html5+css3pc端固定布局，热门旅游取，标题介绍区，旅游项目区 样式： html代码： css代码：
阅读全文
摘要：html5+css3pc端固定布局，搜索区，插入大图，搜索框 设置一个div作为搜索区域 1.宽度为百分之百 2.最小宽度为1263，因为要考虑到手机，等小屏幕缩小后宽度会自适应，导致破坏布局，将最小宽度设置为1263后，当缩小低于1263时，就是1263的宽度不破坏布局 插入大图 将图片作为背景插
阅读全文
摘要：html5+css3pc端固定布局，大纲算法，section和div，结构分析 一．大纲算法 在HTML5中有一个很重要的概念，叫做HTML5 大纲算法(HTML5Outliner)，它的用途是为用户提供一份页面的信息结构目录。比如我们经常使用的手册就是一个非常好的大纲结构： 测试工具：https:
阅读全文
摘要：html5+css3pc端固定布局,网站结构,CSS选择器,完成导航 页面采用1280的最低宽度设计，去掉滚动条为1263像素。 项目是PC端的固定布局，会采用像素(px)单位。 网站结构语义 在没有任何思路的情况下，可以参考大量同类型的网站，了解一下大致结构。我们将要做的网站是一个旅行社的企业网站
阅读全文
摘要：css布局补充一 图片边框问题 注意css布局时img图片标签默认有的浏览器有边框，所以大多时候需要去除图片的边框 CSS各种居中方法 水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的
阅读全文
摘要：css布局小技巧及font-awesome图标使用 图片鼠标放上去遮罩效果，显示文字 当鼠标放上去时 css绘制尖角效果 在网页中，有很多地方会用到尖角，尖角可以是图片的，也可以用css来绘制 用一个div来绘制尖角 效果：颜色可以根据自己的需要调整 将其他不需要的3个尖角颜色改成透明的，一个尖角就
阅读全文
摘要：CSS3动画效果 学习要点： 1.动画简介 2.属性详解 3.简写和版本 本章主要探讨HTML5中CSS3的动画效果，可以通过类 Flash那样的关键帧模式控制运行。 一．动画简介 CSS3提供了类 Flash关键帧控制的动画效果，通过animation属性实现。 animation实现动画效果主要
阅读全文
摘要：CSS3过渡效果 学习要点： 1.过渡简介 2.transition-property 3.transition-duration 4.transition-timing-function 5.transition-delay 6.简写和版本 本章主要探讨HTML5中CSS3的过渡效果，通过这个功能
阅读全文
摘要：CSS3变形效果 学习要点： 1.transform 2.transform-origin 3.浏览器版本 本章主要探讨HTML5中CSS3的变形效果，通过变形效果，可以平移、缩放和旋转元素的功能。 一．transform CSS3提供了元素变形效果，也叫做变换。它可以将元素实现旋转、缩放和平移的功
阅读全文
摘要：CSS3边框图片效果 学习要点： 1.属性初探 2.属性解释 3.简写和版本 本章主要探讨HTML5中CSS3中边框图片背景的效果，通过这个新属性让边框更加的丰富多彩。 一．属性解释 CSS3提供了一个新的属性集合，用这几个属性可以嵌入图片形式的边框。这样，边框就可以自定义了。 1.border-i
阅读全文
摘要：CSS3背景渐变效果 学习要点： 1.线性渐变 2.径向渐变 本章主要探讨HTML5中CSS3背景渐变功能，主要有两种渐变方式：线性渐变和径向 （放射性）渐变。 一．线性渐变 linear-gradient背景颜色的渐变功能 CSS3提供了linear-gradient属性实现背景颜色的渐变功能。在
阅读全文
摘要：CSS3文本效果 一．文本阴影 CSS3提供了text-shadow文本阴影效果，这个属性在之前讲过，只是没有涉及浏览器 支持情况。 浏览器支持情况 text-shadow Opera Firefox Chrome IE Safari 9.5+ 3.5+ 4+ 10+ 3.1+ 这里有几个注意点：1
阅读全文
摘要：CSS3前缀和rem长度单位 学习要点： 1.CSS3前缀 2.长度单位rem 本章主要探讨HTML5中CSS在发展中实行标准化的一些问题，重点探讨CSS3中新属性前缀问题和新的单位rem。 一 CSS3前缀 在CSS3的很多新属性推出时，这些属性还处在不太稳定的阶段，随时可能被剔除。而此时的浏览器
阅读全文
摘要：css颜色和透明度,盒子阴影和轮廓,光标样式 学习要点： 1.颜色和透明度 2.盒子阴影和轮廓 3.光标样式 一．颜色和透明度 颜色我们之前其实已经用的很多了，比如字体颜色、背景颜色、边框颜色。但除了背景颜色和边框颜色讲解过，字体颜色却没有系统的讲解过。设置字体颜色其实也成为文本块的前景色。 col
阅读全文
摘要：CSS表格与列表 学习要点： 1.表格样式 2.列表样式 3.其他功能 一．表格样式 表格有五种独有样式，样式表如下： 属性 值 说明 CSS版本 border-collapse 边框样式 相邻单元格的边框样式 2 border-spacing 长度值 相邻单元格边框的间距 2 caption-si
阅读全文
摘要：css边框与背景 学习要点： 1.声明边框 2.边框样式 3.圆角边框 本章主要探讨HTML5中CSS边框和背景，通过边框和背景的样式设置，给元素增加更丰富的外观。 声明边框 边框的声明有三个属性设置，样式表如下 属性 值 说明 CSS版本 border-width 长度值 设置边框的宽度，可选 1
阅读全文
摘要：css盒模型 学习要点： 1.元素尺寸 2.元素内边距 3.元素外边距 4.处理溢出 本章主要探讨HTML5中CSS盒模型，学习怎样了解元素的外观配置以及文档的整体布局。 一．元素尺寸 CSS盒模型中最基础的就是设置一个元素的尺寸大小。有三组样式来配置一个元素的尺寸大小，样式表如下： 属性 值 说明
阅读全文
摘要：文本样式 学习要点： 1.字体总汇 2.字体设置 3.Web字体 本章主要探讨HTML5中CSS文本样式，通过文本样式的设置，更改字体的大小、样式以及文本的方位。 一．字体总汇 本节课，我们重点了解一下CSS文本样式中字体的一些设置方法，样式表如下： 属性名 说明 CSS版本 font-size 设
阅读全文
摘要：CSS颜色与度量单位 学习要点： 1.颜色表方案 2.度量单位 本章主要探讨HTML5中CSS颜色和度量单位等问题，包括颜色的选取方式、相对长度和绝对长度等。 一．颜色表方案 1 颜色的表现形式主要有三种方式：颜色名称、十六进制代码和十进制代码。 解释：这是将一个段落内的文字设置为红色，采用的是英文
阅读全文
摘要：css选择器 学习要点： 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器 本章主要探讨 HTML5中 CSS选择器，通过选择器定位到想要设置样式的元素。目前CSS选择器的版本已经升级至第三代，即 CSS3选择器。CSS3选择器提供了更多、更丰富的选择器方式，主要分为三大类。 一．选
阅读全文
摘要：css入门基础 学习要点： 1.使用CSS 2.三种方式 3.层叠和继承 本章主要探讨HTML5中CSS （层叠样式表），它是用来对HTML文档外观的表现形式进行排版和格式化。 一 使用CSS CSS样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。 解释：sty
阅读全文
摘要：htnl全局属性和其他属性 学习要点： 1.实体 2.元数据 3.全局属性 本章主要探讨HTML5中的HTML实体、以及HTML核心构成的元数据，最后了解一下HTML中的全局属性。 一．实体 HTML实体就是将有特殊意义的字符通过实体代码显示出来。使用方法，实体名称或者实体编号 显示结果 实体名称
阅读全文
摘要：html表单元素 学习要点： 1.表单元素总汇 2.表单元素解析 本章主要探讨HTML5中表单元素，表单元素用于获取用户的输入数据。 一．表单元素总汇 HTML5的表单中，提供了各种可供用户输入的表单控件。 元素名称 说明 form 表示HTML表单 input 表示用来收集用户输入数据的控件 te
阅读全文
摘要：htnl音频视频 学习要点： 1.音频和视频概述 2.video视频元素 3.audio音频元素 本章主要探讨HTML5中音频和视频元素，通过这两个原生的媒体元素向HTML页面中嵌入音频和视频。 一．音频和视频概述 首先，我们要理解两个概念：容器（container）和编解码器(codec)。 1.
阅读全文
摘要：html嵌入元素 学习要点： 1.嵌入元素总汇 2.嵌入元素解析 本章主要探讨HTML5中嵌入元素，嵌入元素主要功能是把外部的一些资源插入到HTML中。 一．嵌入元素总汇 这里所列出的元素，并非本节课全部涉及到，比如音频audio、视频video、以及动态图像canvas和媒体资源source、tr
阅读全文
摘要：html文档布局元素 学习要点： 1.文档元素总汇 2.文档元素解析 本章主要探讨HTML5中文档元素，文档元素的主要作用是划分各个不同的内容，让整个布局清晰明快。让整个布局元素具有语义，进一步替代div。 一．文档元素总汇 文档元素基本没有什么实际作用效果，主要目的是在页面布局时区分各个主题和概念
阅读全文
摘要：html表格元素 学习要点： 1.表格元素总汇 2.构建表格解析 本章主要探讨HTML5中表格元素的用法。表格的主要用途是以网格的形式显示二维数据。 一．表格元素总汇 表格的基本构成最少需要三个元素：<table>、<tr>、<td>，其他的一些作为可选辅 助存在。 元素名称 说明 table 表示
阅读全文
摘要：html分组元素 学习要点： 1.分组元素总汇 2.分组元素解析 本章主要探讨HTML5中分组元素的用法。所谓分组，就是用来组织相关内容的HTML5元素，清晰有效的进行归类。 一．分组元素总汇 为了页面的排版需要，HTML5提供了几种语义的分组元素。 元素名称 说明 p 表示段落 div 一个没有任
阅读全文
摘要：html超链接和路径 学习要点： 1.超链接的属性 2.相对与绝对路径 3.锚点设置 本章主要探讨HTML5中文本元素最重要的一个超链接，探讨它自身的属性以及路径问 题。 一．超链接的属性 <a></a>元素属于文本超链接元素，有一些私有属性或者叫局部属性。那么，相对应的还有通用属 性或叫做全局属性
阅读全文
摘要：文本元素标签 <b></b>表示关键字和产品名称如：<b>查看效果</b> 效果：加粗 查看效果 <strong></strong>表示重要的文字 如：<strong>查看效果</strong> 效果：加粗 查看效果 <br>强制换行如：<br>查看<br>效果效果：在浏览器显示换行 查看效果 <w
阅读全文
摘要：模拟浏览器请求Python结合html基本格式 用Python模拟一个客户端，结合打开一个HTML页面 创建客户端 HTML页面 将HTML页面放入客服端相同的目录里 启动客户端后在浏览器输入http://127.0.0.1:8082/ 可以看到以下结果 你好 下面我们开始讲HTML知识 HTML基
阅读全文
摘要：上下文管理 上下文管理就是在执行一段代码块的时候，通过一个装饰器函数，在执行代码块之前到装饰器函数里做一个操作，然后执行代码块，执行代码块之后再到装饰器函数里做另外一个操作 要使用上下文管理首先要 import contextlib 导入上下文管理模块 @contextlib.contextmana
阅读全文
