-
在瀏覽器中解析"賦予margin屬性"的checkbox空白邊距(IE6和FF)
測試條件: 1.不管出于什么目的,在公共樣式中定義了input元素的margin屬性,input { margin:0; } 2.在IE6中測試 測試代碼: 復制代碼代碼如下: <html> <style> input { margin: 0; } </style> ...
作者:asdasdasd11-19 -
css 空白外邊距互相疊加的解決方法
先看如下demo代碼:
作者:asdasdasd11-19
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>空白邊距疊加demo@Mr.Think</title>
<style>
body{width:300px; font-family:'微軟雅黑'; font-size:... -
Html 頁面的強制換行問題總結
一般是使用樣式:table-layout:fixed。不過在Firefox下面,會有一些問題,參考Gmail的一些做法,做了幾個測試,得出 一種解決辦法。
作者:asdasdasd11-19
如果想要一個table固定大小,里面的文字強制換行(尤其是... -
CSS制作網頁之淺談CSS編碼與組織技巧
組織你的樣式表
作者:asdasdasd11-19
盡管我們有種種 CSS 的開發工具,比如 TopStyle,比如 StyleMaster,它們可以讓你對當前這個樣式表里面定義了哪些規則,涉及哪些 class,哪些 ID 一目了然,但這不等于說你的... -
DIV半透明代碼 兼容主流瀏覽器
<div style="filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;width: 100%;">
作者:asdasdasd11-19
from www.jb51.net
</div>
提示:您可以先修改部分代碼再運行
... -
IE CSS Bug及解決方案參考手冊
當然,還有性能問題。不過,今天要說的是樣式的兼容問題。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列/Chrome/Safari/Opera etc. 這些瀏覽器的兼容,無不讓前端們頭痛...
作者:asdasdasd11-19 -
說說CSS Hack 和向后兼容(推薦)
增長總是快于消亡導致了瀏覽器兼容是成了談不完的話題。說到瀏覽器兼容,CSS HACK自然而然地被我們想起。今天,我們通常都有一個團隊或者將有一個團隊的人在一個公司里面做相同的事,需要我們有...
作者:asdasdasd11-19 -
IE7,IE8 BUG導致CSS下載二次的解決方法
測試: 正常的CSS加載代碼寫法: <link rel="stylesheet" href="http://www.test.com/main.css" type="text/css" /> 這樣寫大家都知道加載是不會有任何問題的,所以也不貼監控圖解釋了。 在經過...
作者:asdasdasd11-19 -
css hack總結 圖片整理版
查看如下表格:
作者:asdasdasd11-19
常用CSS Hack技術
不常用CSS Hack技術
... -
IE6對多個CSS樣式的解析
測試代碼 復制代碼代碼如下: <html> <head> <title>IE6對多個CSS樣式的解析</title> <style type="text/css"> body { font-size:12px; } .West { color:Green; } .West.Color { color: Red; } <...
作者:asdasdasd11-19 -
網頁中css四種鏈接引用方法淺談
<%--第一種方法--%>
作者:asdasdasd11-19
<link href="/site.css" rel="stylesheet" type="text/css" />
<%--第二種方法--%>
<link href="site.css" rel="stylesheet" type="text/css" />
<%--第三種... -
display:inline的用法
<div> DIV1 </div> <div> DIV2 </div> 這里DIV1和DIV2分別占一行,但是你給他們加上屬性后變了 <div style= "display:inline "> DIV1 </div> <div style= "display:inline "> DIV2 </div> DIV1和...
作者:asdasdasd11-19 -
DIV+CSS 浮動布局完美解決方案
瀏器自身的問題往往是這些麻煩的罪魁禍首。Firefox對標準的支持較好些,IE7、IE8次之,IE6目前用戶群較多,但也比較糟糕,經常莫名其妙地多出一些空隙等等。拿浮動布局來說,你算好的寬度在Fire...
作者:asdasdasd11-19 -
css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 瀏覽器兼容教程
IE7.0簡體中文正式版發布了,對于我等常和網頁打交道的人來說網頁兼容性問題也隨之而來了。IE7.0有一個顯著的改變就是支持!important了,是件好事情,但是也給廣大的在IE6時代使用!important來區...
作者:asdasdasd11-19 -
CSS定義字體間距 字體行與行間距
CSS定義字體行間距 line-height:xxpx; CSS定義字體間距 下面我們講述一下CSS的文本屬性,還是先來看一下文本屬性的詳細列表: 屬性 屬性含義 屬性值 Word-spacing 定義了各個單詞之間的間距 Nor...
作者:asdasdasd11-19 -
CSS 網頁背景漸變實現代碼
網頁背景漸變是經常用到的效果,下面用的濾鏡,當然在非IE下是沒效果的。
作者:asdasdasd11-19
一、從上往下漸變
body{FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,... -
最大限度的分離table的樣式與結構
但CSS+XHTML的興起,使很多人開始妖魔化table這一標簽,甚至以頁面中是否有table來評判頁面質量,這是不對的. table也有它存在的作用,很多頁面功能(比如數據表格類,表單對齊等)用table實現遠比用di...
作者:asdasdasd11-19 -
css樣式實現整個頁面背景使用一張圖片
這樣實現的好處很多,網頁加載一個背景圖片大大加快了網站瀏覽速度,也非常便于網站整體風格修改。難度在于制作的背景圖片如何截取指定的位置作為某個地方的背景,仔細研究發現還是不難的,首先...
作者:asdasdasd11-19 -
CSS3 選擇器 偽類選擇器介紹
偽類選擇器對于大家來說最熟悉的莫過于:link,:focus,:hover之類的了,因為這些在平時中是常用到的偽類選擇器,那么先和大家一起簡單總結一下CSS中常用的偽類選擇器的使用方法,最后把重心放到CS...
作者:asdasdasd11-19 -
div+css通用兼容性代碼整理
一、Div+css通用兼容性代碼 你可以在css開頭加入 *html{padding:0px} 復制代碼代碼如下: <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:blo...
作者:asdasdasd11-19 -
css 行級元素在多瀏覽器下的寬度問題 與解決方法
結果如下:
作者:asdasdasd11-19
FF3:
IE6(使用IE Tester):
IE7:
Safari4:
看來還是使用&-n-b-s-p-;的兼容性最好。
mt-inline-block的內容:復制代碼代碼如下:html>body .mt-inline-block{display:-moz-inline-bo... -
css 非表格垂直對齊效果代碼
第一:相對定位和絕對定位 以下是一固定寬高的Div的垂直居中代碼 復制代碼代碼如下: div{ position:absolute; top:50%; left:50%; width:400px; height:400px; margin:-200px 0 0 -200px; borde...
作者:asdasdasd11-19 -
Firefox下div層被Flash遮住的解決方法
1.Flash設置透明,<param name="wmode" value="transparent"> 2.注意<embed中的 wmode="transparent"... 代碼 復制代碼代碼如下: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"...
作者:asdasdasd11-19 -
CSS3 網頁下拉菜單代碼解釋 中文翻譯
當我在為 WordPress 編寫 Notepad 主題 時,順道學習了一些新的 CSS3 特性,現在此分享。查看演示可以看到一款類似 Mac 風格的多級下拉菜單,使用 border-radius,box-shadow 和 text-shadow 創...
作者:asdasdasd11-19 -
基于CSS的30個導航和按鈕優秀設計教程
CSS導航及菜單教程s
作者:asdasdasd11-19
01.高級CSS菜單 : Webdesignerwall
02.導航教程 : Ehousestudio
03.技巧: 為Wordpress導航使用滑動門 : Wphacks
04.: Howtocreate
05.下拉式 : Dave-woods
06.橫向動畫...
