-
select和input不會繼承字號body font-size
復制代碼代碼如下: <!DOCTYPE html> <html lang="zh-Hans-CN"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>test</title> <style> body { font-size:...
作者：asdasdasd11-19 -
IE6 Bug overflow:hidden失效
下面就是我所收集或遇到的IE6 Bug之一：overflow:hidden失效 當父元素的直接子元素或者下級子元素的樣式擁有position:relative屬性時，父元素的overflow:hidden屬性就會失效。 CSS代碼 復制代碼...
作者：asdasdasd11-19 -
兩個div并排的實現(xiàn)代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
作者：asdasdasd11-19
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta h... -
CSS list-style熟悉解釋
原來工作中曾經(jīng)碰到過UL列表里一些異常的表現(xiàn), 加上昨天看到了http://bbs.blueidea.com/thread-2984871-1-1.html 這個貼子,所以測試了一下list-style的各種屬性,發(fā)現(xiàn)了一個有意思的現(xiàn)象 先看一...
作者：asdasdasd11-19 -
CSS學習之二 選擇器
1、元素選擇器：往往是HTML元素，也可能是XML定義的元素，舉例： 復制代碼代碼如下: h1 {color:red;}/* 元素選擇器 */ h2 {font:normal 12px/16px "Courier New",Arial;}/* css關(guān)鍵字由空格隔開...
作者：asdasdasd11-19 -
css實現(xiàn)的漂亮的分頁效果代碼(橘黃色與藍色)
在做pj皮膚的時候到網(wǎng)上搜了個分頁效果，因為顏色不搭就沒用，但是個人認為挺漂亮。代碼也夠簡潔。下面是用的背景圖片：html代碼： 復制代碼代碼如下: <div id="pagebar"> <a href="#"><<</a> <...
作者：asdasdasd11-19 -
3個比較有用的網(wǎng)頁制作技巧
一、在一行內(nèi)聲明CSS 復制代碼代碼如下: h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; backgro...
作者：asdasdasd11-19 -
讓Firefox未載入圖片顯示邊框
下面就是解決Firefox未載入圖片不顯示的解決辦法:1.下載Stylish插件 https://addons.mozilla.org/zh-CN/firefox/addon/2108/2.安裝并重啟Firefox后,可以看到狀態(tài)欄右側(cè)有一個有S字母的灰色長方形...
作者：asdasdasd11-19 -
IE6盒子模型沒問題 詳測雙倍邊距
2010-8-18 去騰訊面試，問IE6。 前兩天看的《IE6 很邪惡，但我愛它的盒子模型》，我說盒子模型如何如何，面試官告訴我IE5的盒子模型有問題，不是IE6。 回來查查書，《Web標準實戰(zhàn)》上說了，是IE...
作者：asdasdasd11-19 -
css3.0新屬性效果在ie下的解決方案
css3.0增加的新屬性，如投影、漸變、旋轉(zhuǎn)、圓角等等！這些新標準屬性在ie6、ie7、ie8瀏覽器版本里得不到很好的支持，相信ie以后的新版本也會支持這些新屬性的。目前ie6、ie7、ie8瀏覽器不支持這...
作者：asdasdasd11-19 -
使用CSS sprite 的好處和壞處分析
原文：CSS Sprites: Useful Technique, or Potential Nuisance?
作者：asdasdasd11-19
譯文：CSS Sprites：魚翅還是三鹿？
無處不在的 CSS sptites － 為數(shù)不多的幾個可以直接跳過”流行”這個過程，而可以... -
多個瀏覽器透明度設(shè)置
各個瀏覽器透明度設(shè)置 filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
作者：asdasdasd11-19
... -
編寫跨瀏覽器兼容的 CSS 代碼
為 Web 設(shè)計師，你的網(wǎng)站在各種瀏覽器中有完全一樣的表現(xiàn)是很多人的目標，然而這是一個永遠無法真正實現(xiàn)的目標，很多人認為，完美的跨瀏覽器兼容并不必要，這樣說雖然沒錯，但在很多情形，一種近...
作者：asdasdasd11-19 -
CSS在移動網(wǎng)站開發(fā)的前端技術(shù)和技巧
介紹
作者：asdasdasd11-19
Mobile css的標準也是有些復雜的，與前一篇文章中提到的類似，之前存在著一個W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0，事實上它們都是CSS 2.1的子集，而且內(nèi)容非常接近，不同... -
IE與Firefox中CSS兼容性技巧大全
對于web2.0的過度，請盡量用xhtml格式寫代碼，而且DOCTYPE 影響 CSS 處理，作為W3C的標準，一定要加 DOCTYPE聲明。
作者：asdasdasd11-19
CSS技巧
1.div的垂直居中問題
vertical-align:middle; 將行距增加到和整個... -
優(yōu)秀的CSS 框架整理
比如： * typography.css 字體排版規(guī)則 * grid.css 表格布局 * layout.css 布局 * form.css 表單 * general.css CSS常規(guī)設(shè)置下面是一些不錯的CSS框架，推薦學習使用。
作者：asdasdasd11-19
Elemen... -
讓IE6、IE7、IE8支持CSS3的腳本
如果你需要一個支持CSS3 的box content，你需要添加一行代碼： behavior: url(ie-css3.htc); 代碼： 復制代碼代碼如下: .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius...
作者：asdasdasd11-19 -
CSS min-height IE6、IE7、FF下DIV自適應(yīng)高度
在DIV的CSS中加入這句：min-height:200px;height:auto; 這樣在高度超過200px之后 ie6 7 ff下高度都能自適應(yīng)
作者：asdasdasd11-19
... -
用網(wǎng)頁技術(shù)CSS實現(xiàn)網(wǎng)頁背景漸變的四種代碼設(shè)置
一、從上往下漸變 復制代碼代碼如下: body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 二、從左上至右下漸變 復制代...
作者：asdasdasd11-19 -
Css Reset 復位相關(guān)資料整理
PS： *{ padding:0; margin:0; } 這就是最常用的Css Reset，但是這里會有很多問題。 原文前部分說了很多關(guān)于Css,以及各瀏覽器的css規(guī)則的不同,而制定"CssReset"也是為了兼容與統(tǒng)一,正確有效的使...
作者：asdasdasd11-19 -
IE6 select z-index無效，遮擋div bug的解決方法
今天我說說iframe解決的一般方法，已經(jīng)使用jQuery插件bgiframe解決IE6 select z-index無效，遮擋div的bug。 解決方法之一：Iframe包裹select元素 使用iframe包住select，這樣iframe有z-index，只...
作者：asdasdasd11-19 -
CSS和“★”字符制做的中國國旗實現(xiàn)代碼
在網(wǎng)上看見 某位牛人用CSS做的紅旗 就是很牛！ 上圖先看：
作者：asdasdasd11-19
<html>
<head>
<title>CSS中國國旗</title>
<style type="text/css">
.all{
background-color:red;
width:960;
height=640;
... -
css屏幕居中的方法(推薦)
復制代碼代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html; c...
作者：asdasdasd11-19 -
CSS 層疊樣式表命名參考表
命名參考
作者：asdasdasd11-19
頁面結(jié)構(gòu)類
描述
下劃線命名
駱駝式命名
參考命名
面板
... -
Vertical Text with CSS(用CSS豎向排列文本)
CSS代碼: 復制代碼代碼如下: #right-col { background-color:#000; color:#ff6600; width:390px; } #right-col p { -webkit-transform: rotate(-90deg); /* for Safari, Chrome */ -moz-transfo...
作者：asdasdasd11-19