延伸一個問題：ie下塊元素如何實現display:inline-block的效果？ 有兩種方法： 1、先使用display:inline-block屬性觸發塊元素，然後再定義display:inline，讓塊元素呈遞為內聯物件（兩個display要先後放在兩個css教程聲明中才有效果， 這是ie的一個經典bug，如果先定義了display:inline-block，然後再將displa...
html中共有3種清單：無序清單ul、有序清單ol、定義清單dl。 1、無序清單： <ul> <li>......</li> <li>......</li> </ul> 看一款關於ul li功能表實例 * { margin:0; padding:0 ; } ul{ list-style:n...
div+css佈局網站設計的優點，div全稱division意為區分使用div的方法跟使用其他tag的方法一樣，而css中文譯作層疊樣式表單，在主頁製作時採用css技術，可以有效地對頁面的佈局、字體、顏色、 背景和其它效果實現更加精確的控制。 div+css佈局網站設計的優點 業界越來越關注div+css的標準化設計，大到各大入口網站，126郵箱登陸小到不計其數的個人網站，在div+...
在Web標準中的頁面配置是使用Div配合CSS來實現的。 這其中最常用到的就是使整個頁面水準居中的效果，這是在頁面配置中基本，也是最應該首先掌握的知識。 不過，還是經常會有人問到這個問題，在這裡我簡單總結一下使用Div和CSS實現頁面水準居中的方法： 一、margin:auto 0 與 text-aligh:center 在現代瀏覽器（如Internet Explorer 7、Fire f...
隨著WEB2.0標準化設計理念的普及，國內很多大型入口網站已經紛紛採用DIV+CSS製作方法，而CSS網頁佈局技巧的普及，從實際應用情況來看，此種方法絕對好于表格製作頁面的方法。 如今大部分網站仍然採用表格嵌套內容的方式來製作網站，雖然此方法對於我們來說比較熟悉，比較上手； 但是，它卻阻礙了一種更好的，更有親和力的，更靈活的，而且功能更強大的網站設計方法——DIV+CSS。 &n...
CSS命名規範 一． 檔命名規範 全域樣式：global.css； 框架佈局：layout.css； 字體樣式：font.css； 連結樣式：link.css； 列印樣式：print.css； 二． 常用類/ID命名規範 頁 眉：header 內 容：content 容 器：container 頁 腳：footer 版 權：copyright 導 航：menu 主導航：mainMenu 子導...
DIV+CSS是網站標準(或稱「Web標準」)中常用的術語之一，通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別，因為XHTML網站設計標準中，不再使用表格定位技術，而是採用DIV+ CSS的方式實現各種定位。 應用應用DIV+CSS編碼時很容易犯一些錯誤。 本文列舉了一些常見的錯誤： 1. 檢查HTML元素是否有拼寫錯誤、是否忘記結束標記 即使是老手也經常會弄錯div的嵌套...
css教程 div寬度自動隱藏並且顯省略號 <html xmlns="HTTP://www.jzread.com/1999/xhtml"> <head> <title>css div寬度自動隱藏並且顯省略號</title> <meta HTTP-equiv="content-type" conten...
用了這麼多年的CSS，現在才明白CSS的真正匹配原理，不知道你是否也跟我一樣？ 看1個簡單的CSS： DIV#divBox p span.red{color:red;}，按習慣我們對這個CSS 的理解是，瀏覽器先查找id為divBox的DIV元素，當找到後，再找其下的所有p元素，然後再查找所有span元素， 當發現有span的class為red的時候，就應用該style。 多麼簡單易懂的原理，可是...
在網頁設計中，為圖片添加上陰影是一種非常不錯的美化方法，經常會在設計當中用到。 不用Photoshop，僅僅只用CSS如何為圖片添加上陰影呢？ 這裡有一種非常簡單的方法。 如何實現這樣的效果呢？ 其實很簡單，下面是全部的代碼： <html> <head> <style type=」text/css」> img{ border-top:1px solid #dcd...
幾天在用CSS寫三列佈局的時候突然想到的這樣一個方法，這個想法自己都覺得有些瘋狂，如果其中有什麼不對的地方請各位不吝指教。 當需要寫一個三列佈局的時候，一般情況下我會選擇使用如下的DIV佈局方式： 使用這樣的嵌套方式無疑可以使代碼出錯的概率減少很多，但同時這樣的佈局也略顯複雜，對於後期的維護也略顯不便。 我們在佈局導航時經常會使用到一個 方法，那就是使用<ul>清單來進行佈局，而導...
本來想把這個題目修改為「閉合浮動元素」或「清除浮動元素」，但想了一下，還是不修改為好。 因為從這個題目我們可以更加容易的看出，如果您沒有閉合(清除)浮動元素，它將造成的後果是-----div的高度不能自動增加。 言歸正傳 目前用來清除「閉合(清除)浮動」的方法，主要是一下四種： 1. 額外標籤法 這種方法就是向父容器的末尾再插入一個額外的標籤，並令其清除浮動...
CSS的背景屬性「background」提供了眾多屬性值，如顏色、圖像、定位等，為網頁背景圖像的定義提供了極大的便利。 看看background提供的屬性值： background : background-color | background-image | background-repeat | background-attachment |...
css教程直接放到頁面與外部調用區別 1、減少HTTP請求 連結到外部不免增加額外的HTTP請求，這個是很耗時的。 2、避免裸頁 假如存放css的伺服器掛掉，整個首頁就掛掉了。 放在頁面內，比較安全。 使用者訪問頁面時，不會因為css載入不上，而造成裸頁面。 3、關於修改 你可能說這樣不便於修改和管理。 實際上一般都是用程式動態載入進來的，然後用緩存靜態化首頁等。 知道的暫時就這麼多了。 4、放面...
<style type="text/css"> p { line-height:17px; } </style> <div class="mdse-detail"> <p> &nbs...
果不是因為總監審查嚴格，一定要求這個細節解決掉，也許我也不會去深究根源性的解決辦法，再此感謝MTIME負責而嚴格的同事。 首先描述一下問題： 如果所示，在IE下當一行文字同時有英文跟中文的時候，連結底線就會發生折行，也就表示這個時候中英文是沒有對齊的！ （FIREFOX不受此問題影響） 但是經過測試，預設的直接在頁面裡設置連結的時候是不會出現這個情況的 <! DOCTYPE html P...
網頁佈局中常有的一種情況就是網頁主體部分分成一行兩列；而在很多種情況下，設計師們常把左右兩列的背景色設計成不同色彩，以實現內容塊的明顯區 分；但這樣的設計給佈局提出了一個看似簡單，而實現非常難的問題 ；那就是左右兩列怎麼樣實現背景高度自我調整，及左邊內容高於右邊時，右邊背景色也要和左邊 一樣；右邊內容高於左邊時，左邊背景色也要和右邊一樣； 當年為了實現這個，我在網上查過無數的文章，都沒有很好的解...
css教程式控制制ul縮進間距和去掉li點的方法 一、css控制ul縮進間距的方法： <style type="text/css"> ul{margin-left:-10px;} </style> <ul > <li>www.111cn.net</li> </ul> ...
css教程垂直水準居中代碼 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "HTTP://www.w3.org/tr/xhtml1/dtd/ xhtml1-transitional.dtd"> <html xmlns="HTTP://www.jzr...
CSS入門教程:網頁首字下沉 :first-letter 版本：CSS2 相容性：IE5.5+ 語法： Selector : first-letter { sRules } 說明： 設置物件內的第一個字元的樣式。 此偽物件僅作用於塊物件。 內聯要素要使用該屬性，必須先設定物件的 height 或 width 屬性，或者設定 position 屬性為 absolute ，或者設定 displa...
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
