×

Django安装

96
阡陌3536
2017.08.30 14:18* 字数 6950

本书介绍

你是不是对Django的学习感到迷茫?是不是对网上零星的教程感到绝望?是不是苦于没有可以迅速上手的实例而发愁?如果你同我一样有这些感受,那么《Django.By.Example》这本书将是你指路的明灯。

本书基于Django1.8 + Python3.4的环境,里面包含了个人博客、社交网站、购物平台等具有实际项目意义的Django实例,按部就班的学习会快速提升你的Django水平。笔者英文苦手,尝试着把它翻译出来,以便大家阅读和学习。不过笔者更推荐大家阅读英文原文。

让我们愉快的学习Django吧!

章节介绍

第1章,建立一个博客应用,通过创建博客应用来向你介绍Django框架。你将创建基本的博客模型(models)、视图(views)、模板(templates)和网址(urls)来显示博客文章。你将学会如何使用Django ORM生成的查询集,以及如何配置Django管理站点。

在这本书中,你将学习如何建立完整的、可实际应用的Django项目。如果你还没有安装Django,那么,第一章将教您如何安装。

本章将介绍如何创建一个使用Django的简单的博客项目。目的在于让你对Django的工作流程有一个全面的了解,了解不同的组件之间如何相互作用,让您轻松掌握如何创建具有基本功能的Django项目。

本章将包括以下几点:

安装Django并创建您的第一个项目

设计模型(model)和模型迁移

为您的模型创建一个管理站点

查询(QuerySet)和管理工作

建立视图(Views)、模板(templates)和URL

添加分页列表视图

使用Django基于类的视图

安装Django

如果你已经安装了Django,那么完全可以跳过这部分,直接创建你的第一个项目。

Django是一个Python包,因此可以安装在任何Python环境。Django的工作环境可以是Python2.7或Python3。在这本书中的例子,我们将使用Python3。如果你使用Linux或Mac OS X,你可能已经安装了Python。你可以打开终端控制器,输入python。如果你看到下面这样的东西,那么说明Python已经安装在你的电脑里:

Python 3.5.0 (v3.5.0:374f501f4567, Sep 12 2015, 11:00:19)

[ GCC 4.2.1 (Apple Inc. build 5666) (dot 3)] on darwin Type "help", "copyright", "credits" or "license" for more information.

>>>

如果您安装的Python版本低于3,或是没有安装Python在您的电脑上,从http://www.python.org/download/3.5.0下载并安装Python。

如果你已经开始使用Python 3,那么就不需要安装数据库。这个版本的Python自带的SQLite数据库。

SQLite是一个轻量级的数据库,你可以用于Django开发,但是不要在正式生产环境中部署SQLite,你应该使用更为先进,安全的数据库,比如PostgreSQL,MySQL或Oracle。

创建一个独立的Python环境

建议您使用virtualenv创建独立的Python环境,安装之后,你可以针对不同的Django项目使用不同版本的Python开发环境。这远比安装Python全版本环境更实用。使用virtualenv的另一个优点是,你不需要任何管理员权限来安装Python包。在shell运行以下命令安装virtualenv:

pip install virtualenv

安装virtualenv后,创建一个独立的Pyhton环境:

virtualenv my_env

这将创建一个my_env/目录,里面包含你创建的Python环境。任何Python库,任何你安装的Python库都会存放于my_env/lib/python3.5/site-packages目录里面。

如果你的系统自带Python2.x,在你安装Python3.X版本之后,你必须告诉virtualenv应该使用后者。你可以找到Python3的安装路径,使用以下命令创建虚拟环境:

zenx$ *which python3* /Library/Frameworks/Python.framework/Versions/3.5/bin/python3 zenx$ *virtualenv my_env -p /Library/Frameworks/Python.framework/Versions/3.5/bin/python3*

运行下面的命令来启动虚拟环境:

source my_env/bin/activate

出现以下情形就说明你已经开启虚拟环境,并且正在使用它:

(my_env)laptop:~ zenx$

你可以使用deactivate命令来随时关闭虚拟环境。使用virtualenvwrapper。此工具提供了包装器,使它更容易创建和管理你的虚拟环境。

译者注:

其实笔者更推荐pyenv和virtualenv搭配使用,pyenv是个多版本python管理器,可以同时管理多个python版本共存,并且以pyenv-virtualenv插件的形式支持virtualenv。

用pip安装Django

pip是安装Django的首选方法。在Python3.5版本中自带pip,运行以下命令安装Django:

pip install Django==1.8.6

Django安装在虚拟环境目录下的site-packages/

现在看看Django是不是已经安装成功。在终端和运行以下命令:

>>>  import django

>>>  django.VERSION

django.VERSION(1, 8, 5, 'final', 0)

如果你看到以上信息,就说明你安装成功!

原文链接:http://www.landsblog.com/blog/content/djangoexample

更多译文:http://www.landsblog.com/blog/tag/translate

(译者:蘭兹)

posted @2016-07-27 21:09Data&Truth阅读(...) 评论(...)编辑收藏




什么时候会用到virtualenv?

假设系统中的两个应用,其中A应用对库LibFoo的版本要求为1,而B应用对同一个库LibFoo的版本要求为2,两个应用对同一个库的要求想冲突了,而系统中库默认都安装到/usr/lib/python2.7/site-packages,那么如何能够同时使用这两个应用呢?

你的用户权限不够,使得无法将包安装到site-packages目录

需要使用一个应用,并且与系统其它应用相独立。

如果你遇到以上的问题,那么virtualenv会对你有帮助。virtualenv可以创建一个环境,拥有着自己的安装目录,而不会与系统的共享库或者其它virtualenv环境相干扰。

1、安装virtualenv

在安装virtualenv之前,我们需要安装至少有一个版本的Python;因为virtualenv是python的一个第三方模块,必须基于python环境才能安装;

如果你的python环境有pip,那么直接使用命令:

?

1

pip install virtualenv

安装即可;否则需要下载源码,然后使用命令:python install setup.py 来安装

安装之后需要新建virtualenv的独立环境,具体可以查看其帮助命令:

?

1

virtualenv-h

常用的参数有:

-p:指定一个版本python环境;通常当你的系统中安装了多个python版本时会用到;默认情况下virtualenv会优先选取它的宿主python环境,即它安装在那个python版本下就会默认选择哪个版本作为默认python隔离环境。

--no-site-packages:不使用系统环境的python安装包,即隔离包中不能使用真实python环境的安装包;当前版本这个选项是默认的。

--system-site-packages:与上面相反,使隔离环境能访问系统环境的python安装包

--distribute:copy一个python环境的分支,默认会安装setup、pip、wheel等基础模块

2、激活

安装完了之后就可以创建一个隔离环境了,使用命令:

?

1

2

3virtualenv envname##创建一个新的隔离环境

cdenvname

Scripts\activate##激活并切换到virtualenv环境

3、使用

创建并激活virtualenv环境后我们就可以正常的方式来使用和安装python安装包及模块了。也可以直接切换到需要执行的python文件目录,使用python xxx.py来保证在隔离环境下执行python文件。

即:我们在需要使用virtualenv环境之前,只要先激活然后使用以往同样的方式来执行python操作、运行python文件即可

?

1

2

3

4cdmy_project_folder

virtual ENV

source bin/activate

deactivate

以上就是virtualenv的基本使用过程。首先,virtual ENV会在当前目录创建名为ENV的虚拟环境,此时在当前目录会自动生成三个目录:bin, include和lib。默认情况下创建的虚拟环境会依赖于系统中的site-packages,即系统中已经安装好的库在虚拟环境中仍然可以使用,如果想去除依赖,那么可以:

?

1

virtualenv --no-site-packagesENV

。通过source bin/activate可以启动当前目录下的虚拟环境。启动后,shell的提示符就会发生改变,表示进入了虚拟环境。使用deactivate离开虚拟环境。

4、集成到开发环境

当前在PyCharm中是支持virtualenv环境集成的,其它的IDE暂时未研究,集成也是很方便的:

(1)新建一个项目

(2)点击解释器栏的设置icon

(3)选择virtualenv

(4)可以新建也可以选择一个已有的virtualenv环境

配置到之后我们也可以在该项目中测试下,选择一个区别与系统环境的安装模块,查看下其版本是否正确,我这里因为有2个django版本,所以使用django模块来测试的,得到的是正确的结果。

如对本文有疑问,请提交到交流社区,广大热心网友会为你解答!!点击进入社区

您可能感兴趣的文章:

Python虚拟环境virtualenv的安装与使用详解

利用pyinstaller或virtualenv将python程序打包详解

python 安装virtualenv和virtualenvwrapper的方法

Linux安装Python虚拟环境virtualenv的方法

Windows上使用virtualenv搭建Python+Flask开发环境

CentOS中使用virtualenv搭建python3环境

Python虚拟环境Virtualenv使用教程

virtualenv实现多个版本Python共存

Tags:VirtualenvPython

相关文章

2014-11-11关于你不想知道的所有Python3 unicode特性

2015-05-05Python实现给qq邮箱发送邮件的方法

2014-08-08Python3实现连接SQLite数据库的方法

2017-05-05Python实现SSH远程登陆,并执行命令的方法(分享)

2014-10-10基于python编写的微博应用

2013-02-02linux下安装easy_install的方法

2015-06-06Python使用ftplib实现简易FTP客户端的方法

2015-04-04python通过smpt发送邮件的方法

2017-07-07python 中random模块的常用方法总结

2014-11-11Python3 正在毁灭 Python的原因分析

最新评论

评论(0人参与0条评论)

搜狐“我来说两句”用户公约

来说两句吧...

发布

微博登录

QQ登录

手机登录

等级不够,发表评论升至指定级别才能获得该特权。详情请参见等级说明

还没有评论,快来抢沙发吧!

Powered by 畅言

(adsbygoogle = window.adsbygoogle || []).push({});

大家感兴趣的内容

1Python入门教程 超详细1小时学会

2python 中文乱码问题深入分析

3Python 列表(List)操作方法详解

4python strip()函数 介绍

5pycharm 使用心得(一)安装和首

6Python 字典(Dictionary)操作详解

7Python科学计算环境推荐——Anac

8Python 元组(Tuple)操作详解

9比较详细Python正则表达式操作指

10python逐行读取文件内容的三种方

(adsbygoogle=window.adsbygoogle||[]).push({});

最近更新的内容

Python批量查询域名是否被注册过

Python实现拷贝多个文件到同一目录的方法

一步步教你用Python实现2048小游戏

python的pdb调试命令的命令整理及实例

python实现读取并显示图片的两种方法

python正则表达式修复网站文章字体不统一

Python GAE、Django导出Excel的方法

python删除过期文件的方法

Python日期操作学习笔记

使用相同的Apache实例来运行Django和Medi

众生网络

品牌服务器租用集思网络

VPS主机枫信科技

IDC服务商

常用在线小工具

CSS代码工具

JavaScript代码格式化工具

在线XML格式化/压缩工具

php代码在线格式化美化工具

sql代码在线格式化美化工具

在线HTML转义/反转义工具

在线JSON代码检验/检验/美化/格式化

JavaScript正则在线测试工具

在线生成二维码工具(加强版)

更多在线工具

var cpro_id="u1397867";(window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id]={at:"3",rsi0:"300",rsi1:"380",pat:"6",tn:"baiduCustNativeAD",rss1:"#FFFFFF",conBW:"1",adp:"1",ptt:"0",titFF:"%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91",titFS:"14",rss2:"#000000",titSU:"0",ptbg:"90",piw:"0",pih:"0",ptp:"0"}

关于我们-广告合作-联系我们-免责声明-网站地图-投诉建议-在线投稿

©CopyRight 2006-2017 JB51.Net Inc All Rights Reserved. 脚本之家 版权所有

(function(){

var bp = document.createElement('script');

bp.src = '//push.zhanzhang.baidu.com/push.js';

var s = document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(bp, s);

})();

if (top.location != self.location)top.location=self.location;

$(function(){

$('#content').find('img').each(function(){

var img = this;

if (img.width >= 650){

img.style.width = "650px";

img.style.height = "auto";

//$(img).removeAttr('height');

var aTag = document.createElement('a');

aTag.href = img.src;

aTag.target="_blank";

$(aTag).addClass('bPic')

.insertAfter(img).append(img)

}

});

$(window).scroll(function()

{

//rFixedBox跟随滚动

var h = $(window).height();

var top = $(window).scrollTop();

var rFixedBox = $('.rFixedBox').prev().offset();

var fixedTop = rFixedBox.top;

if(top>=fixedTop+344)

{

var h1 = parseInt($('#content').children('.main').height());

if(parseInt(top) + 340 < h1){

$('.rFixedBox').css({'position':'fixed','top': 0});

}else{

$('.rFixedBox').css({'position':'absolute','top': h1-510});

}

}

else

{

$('.rFixedBox').css({'position':'static', 'top':0});

}

/* return true;*/

});

/*$(document).ready(function() {

$("#content img").unveil();

}); */

SyntaxHighlighter.autoloader(

'applescript /jslib/syntaxhighlighter/scripts/shBrushAppleScript.js',

'actionscript3 as3 /jslib/syntaxhighlighter/scripts/shBrushAS3.js',

'bash shell /jslib/syntaxhighlighter/scripts/shBrushBash.js',

'coldfusion cf /jslib/syntaxhighlighter/scripts/shBrushColdFusion.js',

'cpp c /jslib/syntaxhighlighter/scripts/shBrushCpp.js',

'obj-c objc /jslib/syntaxhighlighter/scripts/shBrushObjC.js',

'c# c-sharp csharp /jslib/syntaxhighlighter/scripts/shBrushCSharp.js',

'css /jslib/syntaxhighlighter/scripts/shBrushCss.js',

'delphi pascal /jslib/syntaxhighlighter/scripts/shBrushDelphi.js',

'diff patch pas /jslib/syntaxhighlighter/scripts/shBrushDiff.js',

'erl erlang /jslib/syntaxhighlighter/scripts/shBrushErlang.js',

'groovy /jslib/syntaxhighlighter/scripts/shBrushGroovy.js',

'haxe hx /jslib/syntaxhighlighter/scripts/shBrushHaxe.js',

'java /jslib/syntaxhighlighter/scripts/shBrushJava.js',

'jfx javafx /jslib/syntaxhighlighter/scripts/shBrushJavaFX.js',

'js jscript javascript /jslib/syntaxhighlighter/scripts/shBrushJScript.js',

'perl pl /jslib/syntaxhighlighter/scripts/shBrushPerl.js',

'php /jslib/syntaxhighlighter/scripts/shBrushPhp.js',

'text plain /jslib/syntaxhighlighter/scripts/shBrushPlain.js',

'py python /jslib/syntaxhighlighter/scripts/shBrushPython.js',

'ruby rails ror rb /jslib/syntaxhighlighter/scripts/shBrushRuby.js',

'scala /jslib/syntaxhighlighter/scripts/shBrushScala.js',

'sql /jslib/syntaxhighlighter/scripts/shBrushSql.js',

'vb vbnet /jslib/syntaxhighlighter/scripts/shBrushVb.js',

'ps powershell /jslib/syntaxhighlighter/scripts/shBrushPowerShell.js',

'xml xhtml xslt html /jslib/syntaxhighlighter/scripts/shBrushXml.js'

);

SyntaxHighlighter.all();

});

var ourl="";jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();jbLoader();

站长统计站长统计window.changyan.api.config({

appid: 'cyrHH3dwi',

conf: 'prod_1dc5dc80970106099d43fe242b7465fc'

});

#f21ac82b21eeb7322631b6aa94e17f45aezzp1 {position:absolute;top:0;left:0;right:auto;bottom:auto;margin:0;padding:0;border:0;width:200px;background:transparent;-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f45aezzp1 div{float:left;width:144px;height:17px;line-height:17px;margin:3px 0 0 -2px;background:url(//ecma.bdimg.com/public03/imageplus/tip-back.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip-back.png');font-family:sans-serif;text-align:center;font-size:12px;color:#666;padding:8px 10px;display:none;-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f45aezzp1-icon {float:left;height:38px;width:38px;cursor:default;background:url(//ecma.bdimg.com/public03/imageplus/tip.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip.png');-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f45aezzp1-icon:hover {float:left;height:38px;width:38px;}#f21ac82b21eeb7322631b6aa94e17f45aezzp1 #f21ac82b21eeb7322631b6aa94e17f45aezzp1-icon:hover {background:url(//ecma.bdimg.com/public03/imageplus/tip-hover.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip-hover.png');}

查看标识获取更多信息

.baiduimageplus-s-multimedia{position:relative}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-hd{height:26px;line-height:26px;text-indent:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-hd a{color:#fff;text-decoration:none;font-size:14px}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-bd{position:relative;margin:8px 20px;height:100%;overflow:hidden;_zoom:1}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-bd-scroll-style{margin:5px 20px!important}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-img-ctn{position:relative;overflow:hidden;height:60px;z-index:1}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-img-ctn img{border:0}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-bd-no-vbar_arrow .baiduimageplus-s-multimedia-img-ctn{margin:0 auto}

.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-flash-link{position:absolute;top:0;left:0;background:#fff;opacity:0;filter:alpha(opacity=0);height:60px;z-index:2}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-img-ctn-expanded{overflow:visible}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-bd-arrow .baiduimageplus-s-multimedia-img-ctn{float:left}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-arrow-ctn{float:right;height:60px;text-align:center}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-arrow-ctn .baiduimageplus-s-multimedia-arrow-link{cursor:pointer;display:inline-block;*display:inline;*zoom:1;width:100px;height:60px;background:url(//ecma.bdimg.com/adtest/2c07e2c7fcdf28d4d7372d324e7e4364.png) no-repeat;_background:none;_filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true,src="https://ecma.bdimg.com/adtest/2c07e2c7fcdf28d4d7372d324e7e4364.png",sizingMethod="crop")}

.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-vbar{position:absolute;top:0;right:0;width:10px;height:60px;background:url(//ecma.bdimg.com/adtest/002c3095a57ec978b16540217fe5cccc.png) repeat-y;z-index:1}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-hbar{position:absolute;top:50px;left:0;height:10px;width:100%;background:url(//ecma.bdimg.com/adtest/9507def6acde0ba0a71a6cd3f9376c6f.png) repeat-x;z-index:1}.baiduimageplus-s-multimedia .baiduimageplus-s-multimedia-logo-scrollstyle{bottom:5px}.baiduimageplus-s-pa-adslogo{position:absolute;bottom:0;right:31.2px;z-index:3;height:16.8px;width:16.8px;background:url(//ecma.bdimg.com/public03/imageplus/logo/pc_ads_logo_20161223.png) no-repeat;background-size:100% 100%;display:none}.baiduimageplus-s-pa-adstext{position:absolute;right:0;bottom:0;width:31.2px;height:16.8px;overflow:hidden;z-index:12;background:url(//ecma.bdimg.com/public03/imageplus/logo/pc_ads_20161223.png) no-repeat;background-size:100% 100%}

.baiduimageplus-s,.baiduimageplus-s-wrap,.baiduimageplus-s-bg,.baiduimageplus-s-close,.baiduimageplus-s-bd-inner{float:none;margin:0;padding:0;border:0;overflow:hidden;position:static;display:block;visibility:visible;text-align:left;background:transparent;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;top:0;left:0;bottom:auto;right:auto;width:100%;height:0;overflow:visible!important}.baiduimageplus-s-wrap{-webkit-transition:top .5s,height .5s;-moz-transition:top .5s,height .5s;-ms-transition:top .5s,height .5s;-o-transition:top .5s,height .5s;transition:top .5s,height .5s}.baiduimageplus-s-bg{height:100%;z-index:1;background:#000}.baiduimageplus-s-bd{position:relative;z-index:2;height:100%;overflow:hidden!important}.baiduimageplus-s-bd-inner{height:auto}.baiduimageplus-s-close{display:none;top:-25px;left:auto;right:0;z-index:3;width:25px;height:25px;overflow:hidden!important;text-indent:-9999px;background:url(//ecma.bdimg.com/public03/imageplus/v2/dock/close.png) no-repeat 0 0 transparent}

#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-wrapper{display:none;position:absolute;top:-24px;left:0;z-index:4;line-height:24px;height:24px;font-size:14px;text-indent:10px}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-wrapper a{color:#fff;text-decoration:none}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-ctn{position:relative;float:left;overflow:hidden}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-bg{position:absolute;top:0;left:0;background:#000;opacity:.75;filter:alpha(opacity=75);height:24px;width:100%;z-index:-1}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-multimedia-title-triangle{float:left;width:14px;height:24px;background:url("http://ecma.bdimg.com/adtest/a8cc90e9e668754d6cf3bd5ae90b9945.png") no-repeat 0 0;background:none \9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='http://ecma.bdimg.com/adtest/a8cc90e9e668754d6cf3bd5ae90b9945.png')\9}

#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-visible .baiduimageplus-s-multimedia-title-wrapper{display:block}#f21ac82b21eeb7322631b6aa94e17f452nvhrpu .baiduimageplus-s-visible .baiduimageplus-s-bd-inner{top:-26px}

X

#f21ac82b21eeb7322631b6aa94e17f4526e8wl {position:absolute;top:0;left:0;right:auto;bottom:auto;margin:0;padding:0;border:0;width:200px;background:transparent;-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f4526e8wl div{float:left;width:144px;height:17px;line-height:17px;margin:3px 0 0 -2px;background:url(//ecma.bdimg.com/public03/imageplus/tip-back.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip-back.png');font-family:sans-serif;text-align:center;font-size:12px;color:#666;padding:8px 10px;display:none;-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f4526e8wl-icon {float:left;height:38px;width:38px;cursor:default;background:url(//ecma.bdimg.com/public03/imageplus/tip.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip.png');-webkit-box-sizing:content-box;box-sizing:content-box;}#f21ac82b21eeb7322631b6aa94e17f4526e8wl-icon:hover {float:left;height:38px;width:38px;}#f21ac82b21eeb7322631b6aa94e17f4526e8wl #f21ac82b21eeb7322631b6aa94e17f4526e8wl-icon:hover {background:url(//ecma.bdimg.com/public03/imageplus/tip-hover.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='//ecma.bdimg.com/public03/imageplus/tip-hover.png');}

查看标识获取更多信息

.baiduimageplus-s-pa{position:relative;width:100%;height:110px;overflow:hidden;cursor:default;-webkit-transition:top .5s;-moz-transition:top .5s;-ms-transition:top .5s;-o-transition:top .5s;transition:top .5s}.baiduimageplus-s-pa p{background:none}.baiduimageplus-s-pa a{outline:0;text-decoration:none}.baiduimageplus-s-pa a:hover{text-decoration:underline}.baiduimageplus-s-pa .baiduimageplus-s-pa-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.baiduimageplus-s-pa .baiduimageplus-s-pa-ct{position:relative;z-index:2}.baiduimageplus-s-pa .baiduimageplus-s-pa-hd{height:26px;overflow:hidden;line-height:26px}.baiduimageplus-s-pa .baiduimageplus-s-pa-hd .baiduimageplus-s-pa-hd-title-cell{font-size:14px;color:#FFF;height:100%;text-align:center!important;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #FFF}

.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu{position:relative;overflow:hidden;zoom:1;padding:0;margin:0}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper{width:90%;height:84px;float:left;overflow:hidden;position:relative;left:5px}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter{height:84px;overflow:hidden;position:absolute;left:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell{width:100px;height:72px;overflow:hidden;background-color:#FFF;margin:4px 5px;padding:0;float:left;border:2px solid #000;position:relative}

.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:hover{border-color:#d1111c}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:hover .baiduimageplus-s-pa-bd-lu-title{background-color:#d1111c}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell img{width:100px;height:50px;display:block;border:0;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s}

.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell .baiduimageplus-s-pa-bd-lu-title{position:absolute;font:14px/1.5 arial,sans-serif;bottom:0;left:0;width:100%;height:22px;display:block;line-height:22px;background-color:#000;text-align:center;color:#FFF}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:first-child{margin-left:0}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .baiduimageplus-s-pa-bd-lu-wrapper .baiduimageplus-s-pa-bd-lu-outter .cell:last-child{margin-right:0}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .ad-widget-imgps-sticker-html-btn{margin-top:5px;height:75px;width:20px;cursor:pointer;-webkit-transition:background .4s;-moz-transition:background .4s;-ms-transition:background .4s;-o-transition:background .4s;transition:background .4s}

.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .adwishbtn_left{width:20px;float:left;background:url(http://ecmb.bdimg.com/public03/imageplus/sticker/leftbtn.jpg) no-repeat center center}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .adwishbtn_left:hover{background:#20439d url(http://ecmb.bdimg.com/public03/sticker/leftbtn_hover.jpg) no-repeat center center}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .adwishbtn_right{width:20px;float:right;background:url(http://ecmb.bdimg.com/public03/imageplus/sticker/rightbtn.jpg) no-repeat center center}.baiduimageplus-s-pa .baiduimageplus-s-pa-bd-lu .adwishbtn_right:hover{background:#20439d url(http://ecmb.bdimg.com/public03/sticker/rightbtn_hover.jpg) no-repeat center center}.baiduimageplus-s-pa .baiduimageplus-s-pa-logo{position:absolute;bottom:0;right:0;z-index:3;height:18px;width:18px;text-indent:-9999px;background:url(http://cpro.baidustatic.com/cpro/ui/noexpire/img/2.0.1/bg.png) no-repeat left top;background-position:0 0;_filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true,src="http://cpro.baidustatic.com/cpro/ui/noexpire/img/2.0.1/bg.png",sizingMethod="crop");_background:none}

.ad-widget-imageplus-sticker{font:12px/1.5 arial,sans-serif;position:absolute;left:0;width:100%;display:none;overflow:hidden;color:#FFF;background:transparent;-webkit-transition:height .5s,top .5s;transition:height .5s,top .5s}.ad-widget-imageplus-sticker div{background:transparent}.ad-widget-imageplus-sticker-cut{display:block}.ad-widget-imageplus-sticker-bg{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:#000!important;box-shadow:2px 2px 4px #000}.ad-widget-imageplus-sticker-bd{position:relative;z-index:2;left:0;top:0;width:100%;overflow:hidden}.ad-widget-imageplus-sticker-close{position:absolute;z-index:3;right:0;top:5px;width:25px;height:25px;line-height:25px;text-decoration:none;text-align:center;font-size:18px;color:#FFF!important}.ad-widget-imageplus-sticker-close:hover{background-color:#000}

.ad-widget-imageplus-sticker-theme-white{color:#333}.ad-widget-imageplus-sticker-theme-white .ad-widget-imageplus-sticker-bg{background:#FFF!important;box-shadow:2px 2px 4px #FFF}.ad-widget-imageplus-sticker-theme-white .ad-widget-imageplus-sticker-close{color:#666!important}.ad-widget-imageplus-sticker-theme-white .ad-widget-imageplus-sticker-close:hover{background-color:#FFF!important}.ad-widget-imageplus-sticker-theme-none{color:#333}.ad-widget-imageplus-sticker-theme-none .ad-widget-imageplus-sticker-bg{background:transparent!important;box-shadow:none}.ad-widget-imageplus-sticker-theme-none .ad-widget-imageplus-sticker-close{color:#666!important}.ad-widget-imageplus-sticker-theme-none .ad-widget-imageplus-sticker-close:hover{background-color:#FFF!important}.ad-widget-imageplus-sticker-theme-none-white{color:#333}

.ad-widget-imageplus-sticker-theme-none-white .ad-widget-imageplus-sticker-bg{background:transparent!important;box-shadow:none}.ad-widget-imageplus-sticker-theme-none-white-2 .ad-widget-imageplus-sticker-bg{background:transparent!important;box-shadow:none}.ad-widget-imageplus-sticker-theme-none-white-2 .ad-widget-imageplus-sticker-close{top:0;text-indent:-9999px;background:url(http://ecma.bdimg.com/public03/imageplus/v2/dock/close.png) no-repeat 0 0 transparent}.ad-widget-imageplus-sticker-theme-v2 .ad-big-title{position:relative;top:0;opacity:1;filter:alpha(opacity=100);-webkit-transition:top .5s,opacity .6s;transition:top .5s,opacity .6s}.ad-widget-imageplus-sticker-theme-v2 .ad-widget-imageplus-sticker-showing .ad-big-title{position:relative;top:-36px;opacity:0;filter:alpha(opacity=0)}.ad-widget-imageplus-sticker-theme-v2 .ad-widget-imageplus-sticker-showing .ad-widget-imageplus-sticker-bg{top:26px}

.ad-widget-imageplus-sticker-theme-v2 .ad-widget-imageplus-sticker-close{top:0;text-indent:-9999px;background:url(http://ecma.bdimg.com/public03/imageplus/v2/dock/close.png) no-repeat 0 0 transparent}.ad-widget-imageplus-sticker-thumbnail{font:12px/1.5 arial,sans-serif;position:absolute;right:0;top:0;height:20px;width:100px;overflow:hidden;background:transparent;-webkit-transition:height .5s;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;transition:height .5s;background-color:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)}.ad-widget-imageplus-sticker-thumbnail a{float:right;width:100px;height:20px;line-height:20px;text-align:center;color:white;background:transparent;text-decoration:none}

.ad-widget-imageplus-sticker-thumbnail i{width:12px;height:8px;margin-top:6px;margin-left:5px;display:block;float:left;background:url('http://ecma.bdimg.com/adtest/8e547549c94ab88c81b644d5ff63b0d3.png') no-repeat 0 0;background:none \9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='corp',src='http://ecma.bdimg.com/adtest/8e547549c94ab88c81b644d5ff63b0d3.png')\9}.ad-widget-imageplus-sticker-close-newstyle{top:0;text-indent:-9999px;background:url(http://ecmb.bdimg.com/public03/v2/dock/iconfont-close.png) no-repeat 0 0 transparent!important}.ad-widget-imageplus-sticker-showing .baiduimageplus-s-pa-hd{opacity:0;filter:alpha(opacity=0)}

服务器租用

免费云主机试用一年

上海注册公司

那个云主机便宜

真正云主机

便宜云虚拟主机

服务器租用

免费云主机试用一年

上海注册公司

那个云主机便宜

真正云主机

便宜云虚拟主机

X

学习笔记
Web note ad 1