DIV+CSS布局

我們提供的服務(wù)有：做網(wǎng)站、成都做網(wǎng)站、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、鼎城ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的鼎城網(wǎng)站制作公司

1   div和span

   DIV和SPAN在整個(gè)HTML標(biāo)記中，沒(méi)有任何意義，他們的存在就是為了應(yīng)用CSS樣式

   DIV和SPAN的區(qū)別在于，SPAN是內(nèi)聯(lián)元素，DIV是塊級(jí)元素

2   盒模型

   margin   盒子外邊距

   padding   盒子內(nèi)邊距

   border   盒子邊框?qū)挾?/p>

   width   盒子寬度

   height   盒子高度

3   布局相關(guān)的屬性

3.1   position   定位方式

   正常定位   relative

   根據(jù)父元素進(jìn)行定位   absolute

   根據(jù)瀏覽器窗口進(jìn)行定位   fixed

   沒(méi)有定位   static

   繼承   inherit

3.2   定位

   離頁(yè)面頂點(diǎn)的距離   left（左），right（右），top（上），bottom（下）

3.3   z-index   層覆蓋先后順序（優(yōu)先級(jí)）

3.4   display   顯示屬性

   display:none   層不顯示

   display:block   塊狀顯示，在元素后面換行，顯示下一個(gè)元素

   display:inline   內(nèi)聯(lián)顯示，多個(gè)塊可以顯示在一行內(nèi)

3.5   float   浮動(dòng)屬性

   left   左浮動(dòng)

   right   右浮動(dòng)

3.6   clear   清除浮動(dòng)

   clear:both

3.7   overflow   溢出處理

   hidden   隱藏超出層大小的內(nèi)容

   scroll   無(wú)論內(nèi)容是否超出層大小都添加滾動(dòng)條

   auto   超出時(shí)自動(dòng)添加滾動(dòng)條

4   兼容問(wèn)題及高效開(kāi)發(fā)工具

4.1   兼容性測(cè)試工具

   IE  Tester

   Multibrowser

4.2   常用的瀏覽器

  Firefox

   Google  chrome

   opera

4.3   高效的開(kāi)發(fā)工具

                             

4.3.1   輕級(jí)的

   Notepad++

   sbulime  Text

   記事本                                  根據(jù)自己的需要來(lái)選擇

4.3.2   重量級(jí)的

   WebStorm

   Dreamweaver

                              

4.4   網(wǎng)頁(yè)設(shè)計(jì)工具

   fireworks

   photoshop

5   判斷IE的方法       條件注釋只在IE瀏覽器

5.1   條件判斷格式

   <!--[if  條件  版本]>  那么顯示  <![endif]-->

5.2   不等于

  [if  !IE  8]      除了IE8都可以顯示

5.3   小于

   [if   it  IE  5.5]       如果IE瀏覽器版本小于6的顯示

5.4   大于

   [if  gt  IE  5]      如果IE瀏覽器版本大于5的顯示

5.5   小于或等于

   [if  lte  IE  6]      如果IE瀏覽器版本小于6的顯示

5.6   大于或等于

    [if  gte  IE  7]      如果IE瀏覽器版本小于7的顯示

5.7   大于和小于之間

    [if   (gt  IE  5)&(it  IE  7)        如果IE瀏覽器版本大于IE5小于7的顯示

5.8   或

    [if  (IE  6)|(IE  7)]      如果是IE6或者IE7顯示

5.9   僅

   <!--[if  IE  8]>      如果是IE8，就只顯示IE8

6   《DIV+CSS網(wǎng)頁(yè)布局實(shí)戰(zhàn)》

   先分析，再切圖，然后搭建框架，慢慢的循序漸進(jìn)，下一步解決兼容，最后完成

當(dāng)前文章：CSS層疊樣式表——DIV+CSS布局
轉(zhuǎn)載來(lái)源：http://jinyejixie.com/article26/possjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、App設(shè)計(jì)、網(wǎng)站導(dǎo)航、網(wǎng)站內(nèi)鏈、靜態(tài)網(wǎng)站、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)