-
FireFox正常 IE錯位的絕對定位元素
IE 一如既往地帶來問題。真的，我覺得 IE 堅持自己的一套無所謂，不支持或者不完全支持標準也無所謂。但是，IE6 IE7 IE8 這三個版本都有各自不同的表現，實在是太讓人難受了。
作者：asdasdasd11-19
前兩天碰到了這個... -
CSS 背景屬性5個應用實例.
1，Li列表 通過ul 和 li 的方式，我們可以構造出一些無序列表。通過ul+li，我們不僅可以做出一些漂亮的菜單，也可以做出一些完美的樹形結構。 ul+li默認樣式在前面有個小黑點，實際項目中我們可...
作者：asdasdasd11-19 -
網頁制作 css讓頁面居中對齊
總結一下css讓頁面居中對齊的方法1.我們常用的margin:0 auto;方法這個方法是大家用的最多的方法，使用的時候必須為容器制定寬度！例子：
作者：asdasdasd11-19
#main {width:960px;margin:0 auto;}
這個在大部分瀏覽器... -
CSS 網頁布局中易犯的10個小錯誤小結
1. 檢查HTML元素是否有拼寫錯誤、是否忘記結束標記 即使是老手也經常會弄錯div的嵌套關系。可以用dreamweaver的驗證功能檢查一下有無錯誤。 2. 檢查CSS是否書寫正確 檢查一下有無拼寫錯誤、是否...
作者：asdasdasd11-19 -
有利于SEO的DIV+CSS的命名規則小結
一、CSS文件及樣式命名 1、CSS文件命名規范 全局樣式：global.css； 框架布局：layout.css； 字體樣式：font.css； 鏈接樣式：link.css； 打印樣式：print.css； 2、CSS樣式命名規范 本人建議：...
作者：asdasdasd11-19 -
CSS 避免使用濾鏡
這個濾鏡的問題在于瀏覽器加載圖片時它會終止內容的呈現并且凍結瀏覽器。在每一個元素（不僅僅是圖片）它都會運算一次，增加了內存開支，因此它的問題是多方面的。 IE獨有屬性AlphaImageLoader用...
作者：asdasdasd11-19 -
CSS Border屬性制作小三角
效果如下：
作者：asdasdasd11-19
鼠標放上顯示第二個的效果！這個不知道在哪里看的，轉過來了，地址不記得了，感謝原作者
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/... -
CSS Sprite的一些最佳實踐方法
下面是一張樣圖：
作者：asdasdasd11-19
圖片1
本文的目的并不是講CSS Sprite如何讓一個網站更快，而是說一些使用CSS Sprite的時候的一些最佳實踐。
不要等到你完成切片之后才開始sprite.
如果你邊切... -
純CSS搞定按鈕、鏈接點擊時的虛線
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
作者：asdasdasd11-19
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="... -
css盒子模型 css margin 外邊框合并
CSS 框模型概述
作者：asdasdasd11-19
元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距默認是透明的，因此不會遮擋其后的任何元素。... -
CSS Sprites簡介以及優缺點
CSS Sprites簡介
作者：asdasdasd11-19
通常被意譯為“CSS圖像拼合”或“CSS貼圖定位”。CSS Sprites并不是一門新技術，目前它已經在網頁開發中發展得較為成熟，阿里巴巴各子公司的網頁中到處都可... -
網站導航菜單的分割線和水平居中
寫這篇啰嗦的文章，緣由來自于Jorux Notebook的《什么是Semantics?》文章。
作者：asdasdasd11-19
實際上，從《網站重構》一書開始在國內流行之后，Zeldman提出的語義化標記就已經在一定程度上流傳開來。在拋棄table布... -
條件CSS基本使用方法
毫無疑問，任何一個試圖使用 CSS 的網頁設計師和開發人員都會發現不同的瀏覽器要求不同的樣式聲明。這些煩惱歸咎于各瀏覽器及其各版本不同程度的 CSS 執行的完整性。條件 CSS 是這個問題的一個解...
作者：asdasdasd11-19 -
css word-break word-wrap 前臺顯示自動換行
word-wrap是控制換行的。 使用break-word時，是將強制換行。中文沒有任何問題，英文語句也沒問題。但是對于長串的英文，就不起作用。 break-word是控制是否斷詞的。 normal是默認情況，英文單詞...
作者：asdasdasd11-19 -
css 優先級關系
瀏覽器缺省設置 外部樣式表 內部樣式表（位于 <head> 標簽內部） 內聯樣式（在 HTML 元素內部） 如果都在一個大級別下，id選擇器樣式優先級高于類選擇器樣式。而類選擇器樣式又高于標記選擇器樣...
作者：asdasdasd11-19 -
CSS對IE6、IE7、IE8支持詳細的易用的參考
根據這些令人遺憾的統計結果，在為客戶開發網站的時候開發人員對所有當前使用的IE瀏覽器做全面的測試是必要的，而且這樣在個人項目上也可
作者：asdasdasd11-19
中文原文：CSS在Internet Explorer 6, 7 和8中的差別譯... -
CSS first-letter偽類元素的特點
有一次我試圖讓<div id="acticle"><p>……</p></div>中的P也能實現首字下沉，可是結果卻失敗了，得出的結論是：我們并不能隔著一層標簽去控制子對象中的第一個字符。
作者：asdasdasd11-19
由于這句存在誤... -
絕對定位(absolute)和浮動定位(float)分析
在CSS中，實現分欄布局有兩種方法。第一種方法是使用四種CSS定位選項(absolute 、static、relative和fixed)中的絕對定位(absolute positioning)，它可以將文檔中的某個元素從其原本位置上移除，...
作者：asdasdasd11-19 -
input 文本框 文字垂直居中對齊 ie firefox
瀏覽器支持 所有瀏覽器都支持 line-height 屬性。 這就奇怪了，既然支持為什么不居中呢？ 解決這個問題可以用pading設置上下填充，但是如果文本框有背景圖片的話就會向下凸出一塊，此時可以把ma...
作者：asdasdasd11-19 -
css 自動換行 強制換行屬性 (firefox+ie)
語法： word-wrap : normal | break-word 取值： normal : 默認值 。允許內容頂開指定的容器邊界 break-word : 內容將在邊界內換行。如果需要，詞內換行( word-break )也將發生 說明： 設置...
作者：asdasdasd11-19 -
footer 貼在底部的布局實現代碼
footer位置自適應復制代碼代碼如下: <div id="wrap"> <div id="main" class="clearfix"> <div id="content"> ccc </div> <div id="side"> sss </div> </div> </div> <div id="footer"> fff </di...
作者：asdasdasd11-19 -
IE 選擇符的4095限制
去年曾總結了《IE對CSS樣式表的限制和解決方案》中限制的第4條寫道“一個CSS文件的不能超過288kb？”，這是一個疑問句，當時沒有重現出來且參考來自Internet Explorer CSS File Size ...
作者：asdasdasd11-19 -
CSS Expression 優化
IE 瀏覽器中 CSS Expression 特性的最大的問題：會反復執行，每秒鐘可能執行了成百上千次，有嚴重的性能問題。
作者：asdasdasd11-19
如何對 CSS Expression 進行優化呢？
至少：如果我們將 CSS Expression 在匹配的元... -
css 教學實例 漂亮的搜索框
如圖： 我就身教一回，代碼如下：復制代碼代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css教學(學生：Dream·Sky)</title> <style type="text/css"> .search{ba...
作者：asdasdasd11-19 -
li float后IE下有空格
復制代碼代碼如下: <ul> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></li> <li><a href='###'>LINK</a></l...
作者：asdasdasd11-19