07 2018 档案
摘要:Django:表结构发生变化需要执行命令 Django:表结构发生变化需要执行命令
阅读全文
摘要:Django快速搭建博客系统 一、开发环境 Windows 7(64bit) python 3.6 https://www.python.org/ Django 2.0 https://www.djangoproject.com/ 二、创建项目 创建mysite项目和 blog应用: 项目目录介绍:
阅读全文
摘要:Java之网络爬虫WebCollector2.1.2+selenium2.44+phantomjs2.1.1 一、简介 版本匹配: WebCollector2.12 + selenium2.44.0 + phantomjs 2.1.1 动态网页爬取: WebCollector + selenium
阅读全文
摘要:WebCollector2.7爬虫框架——在Eclipse项目中配置 在Eclipse项目中使用WebCollector爬虫非常简单,不需要任何其他的配置,只需要导入相关的jar包即可。 Netbeans、Intellij也是非常优秀的IDE,下面的方法也同样适用于Netbeans和Intellij
阅读全文
摘要:JavaScript 输出 JavaScript 没有任何打印或者输出的函数。 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTM
阅读全文
摘要:CSS3 页面中展示邮箱列表点击弹出发送邮件界面 代码: 效果:
阅读全文
摘要:CSS3 Flex Box(弹性盒子) 一、简介 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一
阅读全文
摘要:CSS 分页实例 一、简单分页 如果你的网站有很多个页面,你就需要使用分页来为每个页面做导航。 以下实例演示了如何使用 HTML 和 CSS 来创建分页: 效果: 二、点击及鼠标悬停分页样式 如果点击当前页,可以使用 .active 来设置当期页样式,鼠标悬停可以使用 :hover 选择器来修改样式
阅读全文
摘要:CSS 图片 一、圆角图片 二、缩略图 border 属性来创建缩略图。 三、响应式图片 响应式图片会自动适配各种尺寸的屏幕。 如果你需要自由缩放图片,且图片放大的尺寸不大于其原始的最大值,则可使用以下代码: 四、图片文本 (1)左上角: 效果: (2)右上角: 效果: (3)左下角: 效果: (4
阅读全文
摘要:CSS3 用户界面 一、CSS3 用户界面 在 CSS3 中, 增加了一些新的用户界面特性来调整元素尺寸,框尺寸和外边框。 在本章中,您将了解以下的用户界面属性: resize box-sizing outline-offset 二、浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟
阅读全文
摘要:CSS3 动画 一、CSS3 动画 CSS3,我们可以创建动画,它可以取代许多网页动画图像,Flash动画,和JAVAScripts。 二、CSS3 @keyframes 规则 要创建CSS3动画,你将不得不了解@keyframes规则。 @keyframes规则是创建动画。 @keyframes规
阅读全文
摘要:CSS3 过渡 一、CSS3 过渡 CSS3中,我们为了添加某种效果可以从一种样式转变到另一个的时候,无需使用Flash动画或JavaScript。用鼠标移过下面的元素: 二、浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字
阅读全文
摘要:CSS3 3D转换 一、3D 转换 CSS3 允许您使用 3D 转换来对元素进行格式化。 在本章中,您将学到其中的一些 3D 转换方法: rotateX() rotateY() 二、浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前
阅读全文
摘要:CSS3 2D转换 CSS3 转换可以可以对元素进行移动、缩放、转动、拉长或拉伸。 一、浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 Internet Explorer 10, Fi
阅读全文
摘要:CSS3 文本效果 一、CSS3 文本效果 CSS3中包含几个新的文本特征。 在本章中您将了解以下文本属性: text-shadow box-shadow text-overflow word-wrap word-break 二、浏览器支持 三、CSS3 的文本阴影 CSS3 中,text-shad
阅读全文
摘要:CSS3 Gradients(渐变) 一、简介 CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的事件和宽带的使用。此外,渐变效果的元素在放大时看起来效果更
阅读全文
摘要:CSS3 背景 一、CSS3 背景 CSS3中包含几个新的背景属性,提供更大背景元素控制。 在本章您将了解以下背景属性: background-image background-size background-origin background-clip 您还将学习如何使用多重背景图像。 二、浏览器
阅读全文
摘要:CSS3 圆角 一、CSS3 圆角 CSS3 圆角制作器 二、浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 -webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。 三、CSS3 border-radius 属性 使用 CSS3 border-radius 属性,你
阅读全文
摘要:CSS3 边框 一、CSS3 边框 用 CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如 Photoshop。 在本章中,您将了解以下的边框属性: border-radius box-shadow border-image 二、CSS3 圆角 在 CSS2 中添加圆角棘
阅读全文
摘要:CSS3 简介 对CSS3已完全向后兼容,所以你就不必改变现有的设计。浏览器将永远支持CSS2。 CSS3被拆分为"模块"。旧规范已拆分成小块,还增加了新的。 一些最重要CSS3模块如下: 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面
阅读全文
摘要:CSS 属性选择器 一、具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 二、属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色: 三、属性和值选
阅读全文
摘要:CSS 媒体类型 媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。 一、媒体类型 一些CSS属性只设计了某些媒体。例如"voice-family"属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如,"font-size"属性可用
阅读全文
摘要:CSS 图像拼合技术 一、图像拼合 图像拼合就是单个图像的集合。 有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。 使用图像拼合会降低服务器的请求数量,并节省带宽。 二、图像拼合 - 简单实例 与其使用三个独立的图像,不如我们使用这种单个图像("img_navsprites.gif"
阅读全文
摘要:CSS 图像透明/不透明 使用CSS很容易创建透明的图像。 注意:CSS Opacity属性是W3C的CSS3建议的一部分。 一、示例一:创建一个透明图像 CSS3中属性的透明度是 opacity。 首先,我们将向您展示如何用CSS创建一个透明图像 IE9,Firefox,Chrome,Opera,
阅读全文
摘要:CSS 图片廊 一、示例一 代码: 效果: 二、示例二 代码: 效果:
阅读全文
摘要:CSS Tooltip(提示工具) 提示工具在鼠标移动到指定元素后触发,可以在四个方位显示:头部显示、右边显示、左边显示、底部显示 一、基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示: 实例解析 HTML) 使用容器元素 (like <div>) 并添加 "tooltip" 类。在鼠
阅读全文
摘要:CSS 下拉菜单 一、基本下拉菜单 当鼠标移动到指定元素上时,会出现下拉菜单。 实例解析 HTML 部分: 我们可以使用任何的 HTML 元素来打开下拉菜单,如:<span>, 或 a <button> 元素。 使用容器元素 (如: <div>) 来创建下拉菜单的内容,并放在任何你想放的位置上。 使
阅读全文
摘要:CSS 导航栏 一、导航栏 熟练使用导航栏,对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。 二、导航栏=链接列表 作为标准的HTML基础一个导航栏是必须的。 在我们的例子中我们将建立一个标准的HTML列表导航栏。 导航条基本上是一个链接列表,所以使用 <ul>
阅读全文
摘要:CSS 伪元素 CSS伪元素是用来添加一些选择器的特殊效果。 一、语法 伪元素的语法: CSS类也可以使用伪元素: 二、:first-line 伪元素 "first-line" 伪元素用于向文本的首行设置特殊样式。 在下面的例子中,浏览器会根据 "first-line" 伪元素中的样式对 p 元素的
阅读全文
摘要:CSS Pseudo-classes(伪类) CSS伪类是用来添加一些选择器的特殊效果。 一、语法 伪类的语法: CSS类也可以使用伪类: 二、anchor伪类 在支持 CSS 的浏览器中,链接的不同状态都可以以不同的方式显示 注意: 在CSS定义中,a:hover 必须被置于 a:link 和 a
阅读全文
摘要:CSS 组合选择符 一、简介 组合选择符说明了两个选择器直接的关系. CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 二、后代选择器 后代选择器
阅读全文
摘要:CSS 布局 - 水平 & 垂直对齐 一、元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度,并将两边的空外边距平均分配: 注意: 如果没有设置 width 属性(或者设置 100%),居中对
阅读全文
摘要:CSS Float(浮动) 一、CSS Float(浮动) CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。 Float(浮动),往往是用于图像,但它在布局时一样非常有用。 属性值("CSS" 列中的数字表示不同的 CSS 版本(CSS1 或 CSS2)定义了该属性
阅读全文
摘要:CSS Position(定位) 一、CSS Position(定位) position 属性指定了元素的定位类型。 position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除
阅读全文
摘要:CSS Display(显示)和Visibility(可见性) 一、简介 display属性设置一个元素应如何显示(隐藏不占用空间),visibility属性指定一个元素应可见还是隐藏(隐藏占用空间)。 二、隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以
阅读全文
摘要:CSS Dimension(尺寸) 一、简介 CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。 二、Dimension(尺寸)属性值 三、示例 (1)示例1:设置不同元素的高度 (2)示例2:使用百分比值设置元素的高度 (3)示例3:使用像素值来设置元
阅读全文
摘要:CSS 分组和嵌套选择器 一、分组选择器 在样式表中有很多具有相同样式的元素。 为了尽量减少代码,你可以使用分组选择器。 每个选择器用逗号分隔。 在下面的例子中,我们对以上代码使用分组选择器: 二、嵌套选择器 它可能适用于选择器内部的选择器的样式。 在下面的例子设置了三个样式: p{ }: 为所有
阅读全文
摘要:CSS padding(填充) 一、Padding(填充) CSS padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。 当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。 单独使用 padding 属性可以改变上下左右的
阅读全文
摘要:CSS Margin(外边距) 一、简介 CSS margin(外边距)属性定义元素周围的空间。 margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。 margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。 margin 属性值: Margi
阅读全文
摘要:CSS Outline(轮廓) 一、CSS 轮廓(outline) 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 CSS outline 属性规定元素轮廓的样式、颜色和宽度。 二、所有CSS 轮廓(outline)属性 "CSS" 列中的数字表示哪个CS
阅读全文
摘要:CSS Border(边框) 一、CSS 边框属性 CSS边框属性允许你指定一个元素边框的样式和颜色。 示例效果: 二、边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式。 效果: 三、边框宽度 border-width 属性为边框指定宽度。 为边框指定宽
阅读全文
摘要:CSS Box Model(盒子模型) 一、简介 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
阅读全文
摘要:CSS Table(表格) 一、表格边框 border 指定CSS表格边框,使用border属性。 下面的例子指定了一个表格的Th和TD元素的黑色边框: 请注意,在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。 为了显示一个表的单个边框,使用 border-collapse属
阅读全文
摘要:CSS Ul(列表样式) CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 一、列表 在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点、小方框等) 有序列表 - 列表项的标记有数字或字母 使用CSS,可以列出
阅读全文
摘要:CSS Link(链接) 不同的链接可以有不同的样式。 一、链接样式 链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。 特别的链接,可以有不同的样式,这取决于他们是什么状态。 这四个链接状态是: a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hov
阅读全文
摘要:CSS Fonts(字体) 一、serif和sans-serif字体之间的区别 注意: 在计算机屏幕上,sans-serif字体被认为是比serif字体容易阅读。 二、CSS字型 在CSS中,有两种类型的字体系列名称: 通用字体系列 - 拥有相似外观的字体系统组合(如 "Serif" 或 "Mono
阅读全文
摘要:CSS Text(文本) 一、文本颜色 color 颜色属性被用来设置文字的颜色。 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如: red 一个网页的背景颜色是指在主体内的选择: 注意:对于W3C标准的CS
阅读全文
摘要:CSS Backgrounds(背景) CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color background-image background-repeat background-attachment background-position
阅读全文
摘要:CSS 创建 当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。 一、如何插入样式表 插入样式表的方法有三种: 外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style) 1,外部样式表 当样式需要应
阅读全文
摘要:CSS Id 和 Class选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。 一、id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定
阅读全文
摘要:CSS语法 一、CSS结构 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。 为了
阅读全文
摘要:Python3:Django根据models生成数据库表时报 __init__() missing 1 required positional argument: 'on_delete' 一、分析 在django2.0后,定义外键和一对一关系的时候需要加on_delete选项,此参数为了避免两个表里
阅读全文
摘要:Python3:Django连接Mysql数据库时出错,'Did you install mysqlclient or MySQL-python?' 一、原因 因为Python版本问题,MySQLdb只能在python2中用,在python3中,已经淘汰,不能使用了。 二、解决方案 MySQLdb只
阅读全文
摘要:Python3.x:pip install pymssql安装时出错 一、错误日志 二、解决方案 1,方案一 手动下载whl文件,地址:https://www.lfd.uci.edu/~gohlke/pythonlibs/#noise搜索您要下载的库,选择对应的版本(cp后面跟着是Python的版本
阅读全文
摘要:Python3:自动发送账单邮件 一、前言 民间借贷,没有信用卡那样,每月会收到账单;为了民间借贷管理更加合理化,写了个还款账单小程序。 二、源码 (1)配置文件代码: (2)程序代码: 三、效果
阅读全文
摘要:Python3:input()输入函数的用法 一、简介 input这个函数,第一个参数是提示语,它默认是空的。在我们使用input的时候,会从标准输入中读取一个string,即字符串(请注意,这里很重要,下面我们会继续说),对于用户输入的换行是不会读入的,因为我们都知道input是以换行作为输入结束
阅读全文
摘要:Python3:读取配置dbconfig.ini(含有中文)显示乱码的解决方法 一、原因 Python 3 中虽有encoding 参数,但是对于有BOM(如Windows下用记事本指定为utf-8)的文件,需要使用 utf-8-sig, 使用utf-8没办法。 二、解决方案
阅读全文
摘要:python3:利用smtplib库和smtp.qq.com邮件服务器发送邮件 使用qq的邮件服务器需要注意的两个地方主要是: 1.协议问题 使用465端口 SSL 协议 2.口令问题 出现SMTPAuthenticationError 主要的原因就是口令和帐号信息不对,这里我们使用qq服务器发送
阅读全文
摘要:CSS3:布局display属性的flex(弹性布局) 一、简介 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 它即可以应用于容器中,也可以应用于行内元素。(
阅读全文
摘要:微信小程序:其中wxml和wxss的样式说明 一、简介 对于css不熟悉的Android程序员来说,开发微信小程序面临的一个比较困难的问题就是界面的排版了。微信小程序的排版就跟wxml和wxss有关了,它们两者相当于android的布局文件,其中wxml指定了界面的框架结构,而wxss指定了界面的框
阅读全文
摘要:小程序:版本更新后获取用户信息变更 更新后,以前获取用户信息,是通过wx.getUserInfo,然后就会弹出授权窗口,现在必须通过button ,才能实现; <button open-type="getUserInfo">授权</button> 文档地址:https://developers.we
阅读全文
摘要:微信小程序快速开发 一、注册小程序账号,下载IDE 1.官网注册https://mp.weixin.qq.com/,并下载IDE。 2.官方文档一向都是最好的学习资料。 注意:1)注册账号之后会有一个appid,新建项目的时候需要填上,不然很多功能是用不了的,比如不能预览,不能上传代码等等。 2)如
阅读全文
摘要:Hadoop:相关概念 一、Hadoop简介 Hadoop实现了一个分布式文件系统(Hadoop Distributed File System),简称HDFS. 1.特点 (1)HDFS有高容错性的特点,并且设计用来部署在低廉的(low-cost)硬件上; (2)HDFS提供高吞吐量(high t
阅读全文