-
firefox下有滾動條時頁面抖動問題的解決方法
解決方法是 CSS里加: 復制代碼代碼如下: body{overflow: -moz-scrollbars-vertical;}即可 ^_^ 其實上面這個問題并不是很重要, 一個比較嚴重的情況是 當在頁面中有 局部的部分用了滾動條 在頁面上...
作者:asdasdasd11-19 -
css 關于空白疊加
況一: 當一個元素出現在另一個元素上面時,第一個元素的底空白邊與第二個元素的頂空白邊發生疊加。 html結構 <div class="du">上面塊</div> <div class="dd">下面塊</div> css代碼 復制代碼代碼...
作者:asdasdasd11-19 -
網頁變灰配合全國哀悼日的css代碼 20100421
為方便站點哀悼,特提供css濾鏡代碼,以表哀悼。以下為全站CSS代碼。 直接在*.css文件最前面加入 復制代碼代碼如下:body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsof...
作者:asdasdasd11-19 -
CSS 之強制換行技巧
對于div 1.(IE瀏覽器)white-space:normal; word-break:break-all;這里前者是遵循標準。 #wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;} eg. <div ...
作者:asdasdasd11-19 -
css margin:0 auto居中
復制一下代碼到記事本,修改為html后綴的文件。 代碼
作者:asdasdasd11-19
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<tit... -
css3 background屬性調整增強介紹
(注:僅對css3對background的調整、增加的屬性進行了翻譯)css3對于backgrounds做了一些修改,最明顯的一個就是采用設置多背景,不但添加了4個新屬性,并且還對目前的屬性進行了調整增強。
作者:asdasdasd11-19
1、... -
WIN7操作系統下做好IE6,IE7的兼容性測試
前端開發的同行們,特別是涉及頁面重構一塊的,在web頁面完成的時候,一般都要進行個主流瀏覽器的兼容性測試,一般情況下,像火狐,opera,safari,chrome這種瀏覽器,直接在網上下載最新的版本就...
作者:asdasdasd11-19 -
CSS 選擇器淺談
A 標簽HTML 選擇器 復制代碼代碼如下: body{ padding:0px; margin:0px; background-color:#ffdee0; } B 類別CLASS 選擇器 復制代碼代碼如下: <style type="text/css"> .hongkong{ color:blue; }...
作者:asdasdasd11-19 -
div+css布局中的alpha 不透明度使用說明
語法:filter: Alpha(參數1=參數值, 參數2=參數值,…) 說明:alpha屬性包括很多參數,如下表所示。 alpha屬性的參數設置 參數 具體含義及取值 opacity 代表透明度水準,默認的范圍是從0到...
作者:asdasdasd11-19 -
120個國外的非常優秀的CSS水平導航菜單
導航是一個網站的路標,優秀的導航是網站設計成功地第一步。導航必須是用戶友好的,而且要與網站設計風格保持一致,這樣才能為用戶提供簡便的導航。
作者:asdasdasd11-19
... -
CSS技巧之圓角背景與三角形實現方法
的確, 它們都可以通過圖片來實現, 但, 拋開用代碼實現可以減小圖片加載量不說, 當你遇到三角形或圓角背景下還有一層非純色背景時, 你又不得不考慮IE6 png兼容問題, 嗯, IE6,萬惡之源. 此時, CSS...
作者:asdasdasd11-19 -
web標準教程,幫你走進web標準設計的世界 第二講
上一講我主要講解了一下網頁的基本結構與網頁主體部分的基本結構,以及常用的html標簽。 非常感謝網友對我的大力支持,謝謝你們給我的鼓勵! 我繼續上一講:又開始實戰了,代碼敲起來! 復制代碼...
作者:asdasdasd11-19 -
固定位置顯示彈出層(兼容IE6,IE8,FF)
css樣式:復制代碼代碼如下: <style type="text/css"> body{_background-attachment:fixed; _background-image:url(nothing);} #status-box{width:100px; height:100px; color:#FFF; background-...
作者:asdasdasd11-19 -
CSS 面向對象CSS FAQ
原文:http://wiki.github.com/stubbornella/oocss/faq(翻譯時為Version 28) 翻譯:ytzong
作者:asdasdasd11-19
在OOCSS中怎么定義“對象”?
對象類似JAVA中的類,保持著OO的特征。
一個CSS對象由4部分... -
2010全面兼容多瀏覽器IE6-IE7-IE8-FF的CSS HACK寫法
還好,微軟提供了這樣一個代碼: <meta http-equiv=”x-ua-compatible” content=”ie=7″ /> 把這段代碼放到<head>里面,在ie8里面的頁面解析起來就跟ie7一模一樣的了,所...
作者:asdasdasd11-19 -
你不知道的outerText,innerText 區別說明
首先,看我們的html定義
作者:asdasdasd11-19
<div id="diva">
<div id="div1">
<a>innerHTML,innerText,outerHTML,outeterText</a>
<input type ="button" onclick ="inner()" value="inner" /... -
徹底弄明白CSS3的Media Queries(跨平臺設計)
移動時代,是任何 Web 設計與開發者都不能忽視的一個時代,總有一天,你設計的東西將被顯示在兩種屏幕上,桌面大屏幕和移動小屏幕,如何讓同一個網站同時適應完全不同的兩種尺寸的屏幕,這是一個...
作者:asdasdasd11-19 -
CSS first-letter實現首字下沉
前幾天在“CSS那些事兒”的群中,一位讀者朋友(小土豆)問我書中提到首字下沉的時候為什么要增加一個清除浮動。當時我自己一時迷惑了,為什么呢,怎么一點印象都沒有呢。趕緊打開電子...
作者:asdasdasd11-19 -
針對主流瀏覽器的CSS-HACK寫法及IE常用條件注釋
對于前端工作者,最痛苦的事莫過于瀏覽器兼容性的調試,而這最痛苦的事中,最變態的莫過于微軟的三個版本IE6.0/IE7.0/IE8.0. 為了讓所寫代碼在各主流瀏覽器中正常運行,我們不得不為各種瀏覽器寫對...
作者:asdasdasd11-19 -
IE6中偽類hover的使用及BUG說明
例如如下的代碼: <style> a {} a span {color: green;} a:hover {} a:hover span {color: red; } </style> <a href="http://www.baidu.com">百度<span>百度一下</span></a> 在IE7/FF中,鼠標移...
作者:asdasdasd11-19 -
div完美自適應動態上下左右居中
復制代碼代碼如下: div { position:absolute; width:500px; height:260px; top:50%; left:50%; margin-left:-250px; height:-130px; z-index:1000; } 文字居中:text-align:center; height:22px...
作者:asdasdasd11-19 -
IE7、IE8、ff下的margin-top問題 折疊margin
而在以前用的時候,從不記得margin也需要不同的瀏覽器對其進行兼容設置。并且還是在不太支持web標準的IE7下面都可以,其他支持WEB標準的都出現問題。難道是web標準就是這樣,曾一度懷疑經常用的...
作者:asdasdasd11-19 -
馴服CSS選擇器
PPT:Taming CSS Selectors
作者:asdasdasd11-19
作者:Nicole Sullivan
翻譯:ytzong
CSS 文件的大小和所引起的 HTTP 的請求數
是 CSS 性能的最關鍵因素
回流(reflow)和渲染時間
(非常!)沒那么重要... -
web標準教程,幫你走進web標準設計的世界 第三講(html終結篇)
上一講我主要講解了一下網頁常用的幾個html標簽。
作者:asdasdasd11-19
非常感謝網友對我的大力支持,謝謝你們給我的鼓勵!
本節我將給大家講解表單標簽和table標簽,ok,Begin!Right now!
標簽10:表單標簽
功能:... -
z-index ie6下的解決方案
XML/HTML Code復制內容到剪貼板
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="htt...
