-
css margin-left在IE6下的問題的解決方法
比如原來是margin-left:20px，經(jīng)過ie6的解釋會(huì)變成40px 解決辦法是在原來的margin-left后再加上一個(gè)_margin-left:10px，變成margin-left:20px;_margin-left:10px 后者的樣式將只適用于ie6 問題解...
作者：asdasdasd11-19 -
對(duì)css性能優(yōu)化的一點(diǎn)看法
現(xiàn)在據(jù)我知道比較好的用來測(cè)試網(wǎng)頁(yè)性能的工具有兩個(gè)，分別為：老牌的雅虎yslow,新秀google page Speed。
作者：asdasdasd11-19
怎么會(huì)突然想起談css與性能優(yōu)化呢？其實(shí)這個(gè)問題我已經(jīng)想了很久了，想寫，但是也不知道從... -
CSS 網(wǎng)頁(yè)布局時(shí)常犯的10個(gè)小錯(cuò)誤整理
1. 檢查HTML元素是否有拼寫錯(cuò)誤、是否忘記結(jié)束標(biāo)記 即使是老手也經(jīng)常會(huì)弄錯(cuò)div的嵌套關(guān)系。可以用dreamweaver的驗(yàn)證功能檢查一下有無錯(cuò)誤。 2. 檢查CSS是否書寫正確 檢查一下有無拼...
作者：asdasdasd11-19 -
IE8樣式不正確顯示問題
在<head>里添加<meta http-equiv="X-UA-Compatible" content="IE=7" />即可 注意要添加在引入樣式表<link href="../css/css.css" type="text/css" rel="Stylesheet" />的前面
作者：asdasdasd11-19
... -
CSS 折疊的菜單實(shí)現(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+div的一些易錯(cuò)點(diǎn)小結(jié)
開發(fā)盡量不要用margin和padding屬性，因?yàn)樵诓煌瑸g覽器下效果會(huì)不同，建議使用line-height，如果一定要用，要注意在IE6和IE7與其他的瀏覽器的效果不同。在用的過程中如遇到問題，可以在百度里搜...
作者：asdasdasd11-19 -
ie6和ie7中的鏈接圖片點(diǎn)不中問題討論
最近重新審視了一下塊集元素和內(nèi)聯(lián)元素，不是混淆，而是重新想了一下新的東西，有時(shí)候在我們進(jìn)行重構(gòu)的時(shí)候，偶爾會(huì)為了實(shí)際需要而將內(nèi)聯(lián)元素強(qiáng)制顯示為塊集元素，在一般情況下，這個(gè)是不會(huì)出問...
作者：asdasdasd11-19 -
div中子div在firefox ie 水平居中對(duì)齊
比如： <div> <div> </div> </div> 想讓子div在父div中水平居中對(duì)齊，如果在css中寫 div { text-align: center; }的話在ie中瀏覽沒有問題，但在firefox中依然左對(duì)齊。 所以必須再加一個(gè)樣式 div...
作者：asdasdasd11-19 -
關(guān)于html元素的 width屬性無效果的解決方法
1.關(guān)于元素的 width屬性無效果 先運(yùn)行下程序看下:
作者：asdasdasd11-19
<span style='background-color:#336699;width:300px;'>123</span> 提示：您可以先修改部分代碼再運(yùn)行可以看到 span會(huì)自動(dòng)根據(jù)包含的內(nèi)容... -
CSS代碼 解決網(wǎng)頁(yè)掛馬問題
兩行CSS來解決，共5種方案 一、 iframe{n1ifm:expression(this.src='about:blank',this.outerHTML='');}/*這行代碼是解決掛IFRAME木馬的哦*/ script{nojs1:expression((this.src.toLowerCase()....
作者：asdasdasd11-19 -
CSS clip屬性全知道
clip屬性是一個(gè)比較有用的屬性，但往往在實(shí)際應(yīng)用中，并不多見，而jb51.net介紹的也很少。應(yīng)用clip屬性需要注意的兩點(diǎn)： 一、clip屬性必須和定位屬性postion一起使用才能生效。 二、cli...
作者：asdasdasd11-19 -
Jacascript和CSS實(shí)現(xiàn)Mac OS導(dǎo)航菜單
熟悉Mac OS看到這個(gè)東西可能比較熟悉，不過這個(gè)DOCK效果不是用flash做的，而是用Jacascript和CSS實(shí)現(xiàn)的，網(wǎng)站上用這個(gè)導(dǎo)航一定很漂亮。 點(diǎn)擊這里下載代碼壓縮包 使用說明 1. 插入代碼 在<head> ...
作者：asdasdasd11-19 -
css 不兼容性問題小結(jié)
1.清除浮動(dòng) clear:both; 復(fù)制代碼代碼如下: <div class="colwrapper"> <div class="fl"> </div> <div class="fl"> </div> <div class="clear"></div> </div> 這個(gè)div一定要注意聲明位置，一定要...
作者：asdasdasd11-19 -
學(xué)習(xí)CSS需要知道的CSS基礎(chǔ)知識(shí)
一、可設(shè)置的CSS屬性包括：字體屬性、文本屬性、顏色及背景屬性、邊框?qū)傩浴⑷萜鲗傩裕ㄟ吘鄬傩浴⑻畛鋵傩裕⒎诸悓傩浴⑹髽?biāo)屬性。 二、基礎(chǔ)屬性 字體屬性：font-family font-style font-v...
作者：asdasdasd11-19 -
css 相對(duì)定位 絕對(duì)定位 浮動(dòng) 分析
CSS 相對(duì)定位
作者：asdasdasd11-19
相對(duì)定位是一個(gè)非常容易掌握的概念。如果對(duì)一個(gè)元素進(jìn)行相對(duì)定位，它將出現(xiàn)在它所在的位置上。然后，可以通過設(shè)置垂直或水平位置，讓這個(gè)元素“相對(duì)于”它的起點(diǎn)進(jìn)行移動(dòng)... -
清理CSS樣式的幾個(gè)有用工具
在我們寫樣式的時(shí)候，頁(yè)面的CSS在經(jīng)歷幾個(gè)版本的修改之后，可能有些樣式已經(jīng)用不到了，或許將某些樣式更名了而原來的忘了刪除，總之頁(yè)面中可能存在著一些無用的樣式。這些無用的浪費(fèi)了一些服務(wù)器...
作者：asdasdasd11-19 -
css中float left與float right的使用說明
No! 要注意以下幾點(diǎn)： 1、 浮動(dòng)元素會(huì)被自動(dòng)設(shè)置成塊級(jí)元素，相當(dāng)于給元素設(shè)置了display:block（塊級(jí)元素能設(shè)置寬和高，而行內(nèi)元素則不可以）。 2、 浮動(dòng)元素后邊的非浮動(dòng)元素顯示問題。 3、 多...
作者：asdasdasd11-19 -
CSS強(qiáng)制按比例縮小圖片
<title>CSS強(qiáng)制按比例縮小圖片</title> <style> img,a img{ border:0; margin:0; padding:0; max-width:200px; width:expression(this.width>200?"200px":this.width); max-height:200px; heigh...
作者：asdasdasd11-19 -
CSS 分頁(yè)效果制作實(shí)例教程
這個(gè)教程也包含有實(shí)現(xiàn)Flickr、Digg式的簡(jiǎn)潔分頁(yè)樣式的HTML/CSS代碼，隨時(shí)可以應(yīng)用于你的WEB項(xiàng)目中。Update as March 17, 2008: My friends Simone Saveri solved some issuse with IE6 and IE7....
作者：asdasdasd11-19 -
CSS中視覺語(yǔ)義不等于基于表現(xiàn)的類
你和用戶之間的網(wǎng)站堆棧（簡(jiǎn)化版）
作者：asdasdasd11-19
在TXJS大會(huì)的最后一天，一個(gè)開發(fā)者問我：
面向?qū)ο蟮腃SS沒有給你留下一大堆基于表現(xiàn)的class名?
網(wǎng)絡(luò)堆棧中的每一層都有它自己的結(jié)構(gòu)。你不會(huì)期望將數(shù)據(jù)庫(kù)... -
table CSS制作好看的網(wǎng)頁(yè)表格
幸運(yùn)的是html規(guī)范提供了許多無素和屬性來提高數(shù)據(jù)表格對(duì)于這些設(shè)備的可訪問性. 1.summary 和 caption 第一元素是表格的caption,它基本上用做表格的標(biāo)題.盡管這不是必須有的元素,但是盡可以使用c...
作者：asdasdasd11-19 -
CSS學(xué)習(xí)之一 CSS樣式引入方法
HTML中，我們通常使用link元素引入外部樣式表，link有以下幾個(gè)屬性： 1、rel，代表“關(guān)系”（relation），在這里，關(guān)系（即rel值）為“stylesheet”； 2、type，總是設(shè)置為...
作者：asdasdasd11-19 -
百度有啊 CSS圓角實(shí)現(xiàn)代碼
看代碼吧： XHTML 代碼：復(fù)制代碼代碼如下: <div class="box1"> <span class="tl"></span><span class="tr"></span> <div class="cc"> <p>圓角一</p> </div> <span class="bl"></span><span cla...
作者：asdasdasd11-19 -
LESS 讓css也支持變量，運(yùn)算符，include,嵌套規(guī)則等等
使用 1. 下載js: http://lesscss.googlecode.com/ 最新版本好像是 1.0.30 2. 使用less，css文件的后綴名需要改為.less。 3. 在html頁(yè)面中加入下面代碼 <!-- style.less文件就是樣式表文件，并且...
作者：asdasdasd11-19 -
浮動(dòng)后的li元素居中實(shí)現(xiàn)方法
比如有如下所示HTMl代碼： 復(fù)制代碼代碼如下: <div class="demo"> <ul> <li><a href="#">我居中了</a></li> <li><a href="#">我居中了</a></li> <li><a href="#">我居中了</a></li> <li><a href...
作者：asdasdasd11-19