本書介紹
你是不是對Django的學習感到迷茫？是不是對網上零星的教程感到絕望？是不是苦于沒有可以迅速上手的實例而發(fā)愁？如果你同我一樣有這些感受，那么《Django.By.Example》這本書將是你指路的明燈。
本書基于Django1.8 + Python3.4的環(huán)境，里面包含了個人博客、社交網站、購物平臺等具有實際項目意義的Django實例，按部就班的學習會快速提升你的Django水平。筆者英文苦手，嘗試著把它翻譯出來，以便大家閱讀和學習。不過筆者更推薦大家閱讀英文原文。
讓我們愉快的學習Django吧！
章節(jié)介紹
第1章，建立一個博客應用，通過創(chuàng)建博客應用來向你介紹Django框架。你將創(chuàng)建基本的博客模型（models）、視圖（views）、模板（templates）和網址（urls）來顯示博客文章。你將學會如何使用Django ORM生成的查詢集，以及如何配置Django管理站點。
在這本書中，你將學習如何建立完整的、可實際應用的Django項目。如果你還沒有安裝Django，那么，第一章將教您如何安裝。
本章將介紹如何創(chuàng)建一個使用Django的簡單的博客項目。目的在于讓你對Django的工作流程有一個全面的了解，了解不同的組件之間如何相互作用，讓您輕松掌握如何創(chuàng)建具有基本功能的Django項目。
本章將包括以下幾點：
安裝Django并創(chuàng)建您的第一個項目
設計模型（model）和模型遷移
為您的模型創(chuàng)建一個管理站點
查詢（QuerySet）和管理工作
建立視圖（Views）、模板（templates）和URL
添加分頁列表視圖
使用Django基于類的視圖
安裝Django
如果你已經安裝了Django，那么完全可以跳過這部分，直接創(chuàng)建你的第一個項目。
Django是一個Python包，因此可以安裝在任何Python環(huán)境。Django的工作環(huán)境可以是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，那么就不需要安裝數(shù)據庫。這個版本的Python自帶的SQLite數(shù)據庫。
SQLite是一個輕量級的數(shù)據庫，你可以用于Django開發(fā)，但是不要在正式生產環(huán)境中部署SQLite，你應該使用更為先進，安全的數(shù)據庫，比如PostgreSQL，MySQL或Oracle。
創(chuàng)建一個獨立的Python環(huán)境
建議您使用virtualenv創(chuàng)建獨立的Python環(huán)境，安裝之后，你可以針對不同的Django項目使用不同版本的Python開發(fā)環(huán)境。這遠比安裝Python全版本環(huán)境更實用。使用virtualenv的另一個優(yōu)點是，你不需要任何管理員權限來安裝Python包。在shell運行以下命令安裝virtualenv：
pip install virtualenv
安裝virtualenv后，創(chuàng)建一個獨立的Pyhton環(huán)境：
virtualenv my_env
這將創(chuàng)建一個my_env/目錄，里面包含你創(chuàng)建的Python環(huán)境。任何Python庫，任何你安裝的Python庫都會存放于my_env/lib/python3.5/site-packages目錄里面。
如果你的系統(tǒng)自帶Python2.x,在你安裝Python3.X版本之后，你必須告訴virtualenv應該使用后者。你可以找到Python3的安裝路徑，使用以下命令創(chuàng)建虛擬環(huán)境：
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*
運行下面的命令來啟動虛擬環(huán)境：
source my_env/bin/activate
出現(xiàn)以下情形就說明你已經開啟虛擬環(huán)境，并且正在使用它：
(my_env)laptop:~ zenx$
你可以使用deactivate命令來隨時關閉虛擬環(huán)境。使用virtualenvwrapper。此工具提供了包裝器，使它更容易創(chuàng)建和管理你的虛擬環(huán)境。
譯者注：
其實筆者更推薦pyenv和virtualenv搭配使用，pyenv是個多版本python管理器,可以同時管理多個python版本共存，并且以pyenv-virtualenv插件的形式支持virtualenv。
用pip安裝Django
pip是安裝Django的首選方法。在Python3.5版本中自帶pip，運行以下命令安裝Django：
pip install Django==1.8.6
Django安裝在虛擬環(huán)境目錄下的site-packages/
現(xiàn)在看看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？
假設系統(tǒng)中的兩個應用，其中A應用對庫LibFoo的版本要求為1，而B應用對同一個庫LibFoo的版本要求為2，兩個應用對同一個庫的要求想沖突了，而系統(tǒng)中庫默認都安裝到/usr/lib/python2.7/site-packages，那么如何能夠同時使用這兩個應用呢？
你的用戶權限不夠，使得無法將包安裝到site-packages目錄
需要使用一個應用，并且與系統(tǒng)其它應用相獨立。
如果你遇到以上的問題，那么virtualenv會對你有幫助。virtualenv可以創(chuàng)建一個環(huán)境，擁有著自己的安裝目錄，而不會與系統(tǒng)的共享庫或者其它virtualenv環(huán)境相干擾。
1、安裝virtualenv
在安裝virtualenv之前，我們需要安裝至少有一個版本的Python；因為virtualenv是python的一個第三方模塊，必須基于python環(huán)境才能安裝；
如果你的python環(huán)境有pip，那么直接使用命令：
1
pip install virtualenv
安裝即可；否則需要下載源碼，然后使用命令：python install setup.py 來安裝
安裝之后需要新建virtualenv的獨立環(huán)境，具體可以查看其幫助命令：
1
virtualenv-h
常用的參數(shù)有：
-p：指定一個版本python環(huán)境；通常當你的系統(tǒng)中安裝了多個python版本時會用到；默認情況下virtualenv會優(yōu)先選取它的宿主python環(huán)境，即它安裝在那個python版本下就會默認選擇哪個版本作為默認python隔離環(huán)境。
--no-site-packages：不使用系統(tǒng)環(huán)境的python安裝包，即隔離包中不能使用真實python環(huán)境的安裝包；當前版本這個選項是默認的。
--system-site-packages：與上面相反，使隔離環(huán)境能訪問系統(tǒng)環(huán)境的python安裝包
--distribute：copy一個python環(huán)境的分支，默認會安裝setup、pip、wheel等基礎模塊
2、激活
安裝完了之后就可以創(chuàng)建一個隔離環(huán)境了，使用命令：
1
2
3virtualenv envname##創(chuàng)建一個新的隔離環(huán)境
cdenvname
Scripts\activate##激活并切換到virtualenv環(huán)境
3、使用
創(chuàng)建并激活virtualenv環(huán)境后我們就可以正常的方式來使用和安裝python安裝包及模塊了。也可以直接切換到需要執(zhí)行的python文件目錄，使用python xxx.py來保證在隔離環(huán)境下執(zhí)行python文件。
即：我們在需要使用virtualenv環(huán)境之前，只要先激活然后使用以往同樣的方式來執(zhí)行python操作、運行python文件即可
1
2
3
4cdmy_project_folder
virtual ENV
source bin/activate
deactivate
以上就是virtualenv的基本使用過程。首先，virtual ENV會在當前目錄創(chuàng)建名為ENV的虛擬環(huán)境，此時在當前目錄會自動生成三個目錄：bin, include和lib。默認情況下創(chuàng)建的虛擬環(huán)境會依賴于系統(tǒng)中的site-packages，即系統(tǒng)中已經安裝好的庫在虛擬環(huán)境中仍然可以使用，如果想去除依賴，那么可以：
1
virtualenv --no-site-packagesENV
。通過source bin/activate可以啟動當前目錄下的虛擬環(huán)境。啟動后，shell的提示符就會發(fā)生改變，表示進入了虛擬環(huán)境。使用deactivate離開虛擬環(huán)境。
4、集成到開發(fā)環(huán)境
當前在PyCharm中是支持virtualenv環(huán)境集成的，其它的IDE暫時未研究，集成也是很方便的：
（1）新建一個項目
（2）點擊解釋器欄的設置icon
（3）選擇virtualenv
（4）可以新建也可以選擇一個已有的virtualenv環(huán)境
配置到之后我們也可以在該項目中測試下，選擇一個區(qū)別與系統(tǒng)環(huán)境的安裝模塊，查看下其版本是否正確，我這里因為有2個django版本，所以使用django模塊來測試的，得到的是正確的結果。
如對本文有疑問，請?zhí)峤坏浇涣魃鐓^(qū)，廣大熱心網友會為你解答??！點擊進入社區(qū)
您可能感興趣的文章:
Python虛擬環(huán)境virtualenv的安裝與使用詳解
利用pyinstaller或virtualenv將python程序打包詳解
python 安裝virtualenv和virtualenvwrapper的方法
Linux安裝Python虛擬環(huán)境virtualenv的方法
Windows上使用virtualenv搭建Python+Flask開發(fā)環(huán)境
CentOS中使用virtualenv搭建python3環(huán)境
Python虛擬環(huán)境Virtualenv使用教程
virtualenv實現(xiàn)多個版本Python共存
Tags：VirtualenvPython
相關文章
2014-11-11關于你不想知道的所有Python3 unicode特性
2015-05-05Python實現(xiàn)給qq郵箱發(fā)送郵件的方法
2014-08-08Python3實現(xiàn)連接SQLite數(shù)據庫的方法
2017-05-05Python實現(xiàn)SSH遠程登陸,并執(zhí)行命令的方法(分享)
2014-10-10基于python編寫的微博應用
2013-02-02linux下安裝easy_install的方法
2015-06-06Python使用ftplib實現(xiàn)簡易FTP客戶端的方法
2015-04-04python通過smpt發(fā)送郵件的方法
2017-07-07python 中random模塊的常用方法總結
2014-11-11Python3 正在毀滅 Python的原因分析
最新評論
評論(0人參與，0條評論)
來說兩句吧...
等級不夠，發(fā)表評論升至指定級別才能獲得該特權。詳情請參見等級說明。
還沒有評論，快來搶沙發(fā)吧！
(adsbygoogle = window.adsbygoogle || []).push({});
大家感興趣的內容
(adsbygoogle=window.adsbygoogle||[]).push({});
最近更新的內容
品牌服務器租用集思網絡
VPS主機楓信科技
IDC服務商
常用在線小工具
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"}
關于我們-廣告合作-聯(lián)系我們-免責聲明-網站地圖-投訴建議-在線投稿
?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();
站長統(tǒng)計站長統(tǒng)計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}
#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)}
服務器租用
免費云主機試用一年
上海注冊公司
那個云主機便宜
真正云主機
便宜云虛擬主機
