-
Div CSS實例教程：頁面制作方法
做前端也有幾年時間了，不敢說能把他看地多透，但是多多少少還是有些自己的東西。就制作而言，我將一張頁面分為四層：框架、布局、模塊、列表和數據塊。 一、框架 頁面的框架基本上都是：“頭”、“主體”、“尾”。但是對于一些頁面如Tudou.com，由于布局的- 17.7k
- 0
-
CSS浮動屬性Float詳解
原文 ： all about floats 譯文 ： 關于浮動的前世今生 版權所有，轉載請注明出處，多謝！！ 什么是浮動？ 浮動是 css 的定位屬性。我們可以看一下印刷設計來了解它的起源和作用。印刷布局中，文本可以按照需要圍繞圖片。一般把這種方式稱為“文本環繞”。- 15.6k
- 0
-
13種常用按鈕、文本框、表單等CSS樣式
雖然CSS樣式的學習需要我們動手多實踐，需要多做案例，思致思考，但有時候注意資料的收集與整理也是非常重要的，在實際開發中往往會起到事半功倍的效果。下面一些關于按鈕、文本框、表單的常用CSS樣式。大家可以參考。 一、按鈕樣式 .buttoncss{ font-family- 9.9k
- 0
-
10個CSS簡寫/優化技巧
CSS簡寫就是指將多行的CSS屬性簡寫成一行，又稱為CSS代碼優化或CSS縮寫。CSS簡寫的最大好處就是能夠顯著減少CSS文件的大小，優化網站整體性能，更加容易閱讀。 下面介紹常見的CSS簡寫- 8.4k
- 0
-
CSS如何定義一條水平虛線?
如果定義一條水平的虛線呢？ 我們首先需要了解，關于線條的CSS的兩個樣式： dotted: 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線 dashed: 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線 水平線條，我們可以用hr來實現，- 6.2k
- 0
-
CSS布局教程:絕對定位和相對定位
概要： 本文主要描述XHTML中相對定位和絕對定位各自的本質、用法、區別和兩者之間的關系。以及使用CSS的Left、Right、Top、Bottom屬性（偏移屬性）和Margin屬性（外邊距）對定位塊級元素進行布局的方法。(本文的示例，請看 這個 附件demo 。 ) 說明： 占位空- 6k
- 0
-
CSS+DIV實現鼠標經過背景變色
實現鼠標經過背景變色的方法有很多，今天我們介紹的是用CSS+DIV實現的方法。 方法一 以下為引用的內容： #div:hover{background:#000000;} 解釋:鼠標經過id為div的元素時背景變色 IE6.0、Firefox2.0、Opera 9.23都不行 方法二 以下為引用的內容： div onmous- 5.9k
- 0
-
網頁制作：使用css設置iframe樣式
iframe應用很普遍，通常的需求有兩種： 1. 獲取iframe效果，就是帶一個滾動條，可以省不少版面。 2. 要嵌一個頁面，實現框架鏈接。 如果不方便使用iframe，可以有如下相應解決方案： 1. 可以使用css布局來實現，即可以少一個頁面，也可以提高執行效率。 2.- 5.5k
- 0
-
三種簡潔的Tab導航(網頁選項卡)
在網頁中應用選項卡可以使網頁顯得更緊湊，結合AJAX技術可以使頁面在有限的空間內展現更多的內容。本文主要介紹幾種簡潔的選項卡效果的實現（不涉及滑動門和AJAX），附有實例，無圖片，兼容性較好，方便大家直接使用。 第一種形式: 通過更換顯示樣式實現，這- 5.1k
- 0
-
css的margin縮寫方式
html body div style="border: 1px solid red;" div style="border: 1px solid blue; margin: 20px;" margin: 20px;（上、下、左、右各20px。） /div /div div style="border: 1px solid red;" d…- 4.9k
- 0
-
CSS網頁布局時常犯的幾種小錯誤
1. 檢查HTML元素是否有拼寫錯誤、是否忘記結束標記 即使是老手也經常會弄錯P的嵌套關系。可以用dreamweaver的驗證功能檢查一下有無錯誤。 2. 檢查CSS是否書寫正確 檢查一下有無拼寫錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查 CSS的拼寫錯誤。CleanC- 4.8k
- 0
-
CSS+DIV制作頁面圓角效果
樣式表文件： .b1{height:1px;font-size:1px;overflow:hidden;display:block;background:#000;margin:05px;} .b2{height:1px;font-size:1px;overflow:hidden;display:block;background:#fff; border-right:2pxsolid#000;bo…- 4.7k
- 0
-
CSS定位屬性Position詳解
CSS中最常用的布局類屬性，一個是Float( CSS浮動屬性Float詳解 )，另一個就是CSS定位屬性Position。 1. position:static 所有元素的默認定位都是：position:static，這意味著元素沒有被定位，而且在文檔中出現在它應該在的位置。 一般來說，不用指定 positio- 4.4k
- 0
-
Div+CSS布局入門
在網頁制作中，有許多的術語，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我們將會用到一些有關于HTML的基本知識，而在你學習這篇入門教程之前，請確定你已經具有了一定的HTML基- 4.2k
- 0
-
CSS的滑動門技術研究
在CSS中，一個經常被人們討論的先進之處即背景圖像的可層疊性，并允許他們在彼此之上進行滑動，以創造一些特殊的效果。根據CSS2.0當前的規定，每一個背景圖像都需要各自的HTML元素。在許多情況下，典型的標記已經為一般的接口組件提供了多種元素以供我們使用- 3.6k
- 0
-
Div+CSS實例教程：讓頁腳保持在未滿屏頁面的底部
DivCSS實例：讓頁腳保持在未滿屏頁面的底部 在內容不超過一屏的情況下，當瀏覽器窗口變小那行頁腳文字會跟著向上浮動但還是保持在底部。 當內容多出一屏時，他顯示在網頁的最下邊，而不是窗口的最下邊；測試了一下，還可以，在IE6、IE7、FF等都沒有問題！窗- 3.5k
- 0
-
網頁頭部css代碼優化實例
在div+css布局中，一般都這樣來整體構架的： div id="header"/div div id="center"/div div id="footer"/div 而對于header部分，肯定要顯示網站標題，除了顯示網站標題外，還可能要顯示其他比較重要的對象，比如網站的導航欄： div id="header" d…- 3.1k
- 0
-
-
Iframe高度自適應代碼
Iframe高度自適應IE與FF環境下均可用 看下面的代碼： scripttype="text/javascript" functionSetCwinHeight(){ varbobo=document.getElementById("bobo");//iframeid if(document.getElementById){ if(bobo!window.…- 2.9k
- 0
-
用css樣式表實現首字大寫
css當中有許多平時很少用的屬性，但是這些屬性有時候被發掘出來以后就會立刻引起一些人的追逐，首字大寫就是這樣一種效果。最近越來越多的blogger開始在自己的blog中運用這一方法，東西很簡單，下面就來給大家介紹一下用:first-letter偽類來實現這種效果的方- 2.5k
- 0
-
￥優惠劵使用時效：無法使用使用時效：
之前
使用時效：永久有效優惠劵ID：×