-
CSS樣式表漸進增強的基本概念
作者:asdasdasd11-19
如果你撓著頭想弄清楚優雅降級和漸進增強的區別,我告訴你,這是視角問題。優雅降級和漸進增強都考慮網站在各種設備的各種瀏覽器上如何良好運轉。兩者區別的關鍵在于... -
有序列表和段落設計華麗的網頁列表數字
作者:asdasdasd11-19
在默認情況下,大多數瀏覽器都會將有序列表中的數字序列的與其列表文字內容顯示為相同的字體。這篇快速教程將教你如何使用有序列表(ol)和段落(p)來設計華麗的列表數字... -
簡單學習css組合與CSS嵌套的寫法
作者:asdasdasd11-19
簡單學習css組合與CSS嵌套的寫法.
CSS組合
你不必重復有相同屬性的多個選擇符,你只要用英文逗號(,)隔開選擇符就可以了。
比如,你有如下... -
純css 鼠標移上查看大圖的效果
<!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>
<met... -
簡單介紹Web Developer插件制作網頁
作者:asdasdasd11-19
Firefox瀏覽器是一個良好支持W3C標準的開放源代碼的瀏覽器,擁有Linux/Windows/Mac版本。因為Firefox瀏覽器良好支持W3C標準,所以使用Firefox來調試網頁是非常好的。... -
CSS解決方案:IE6中遇到png兼容性
作者:asdasdasd11-19
把背景圖片如常的合并,利用相似于背景坐標的方式調用局部圖片位置。最大區別在于分別定義了兩個無意義的標簽。
為滿足用戶的視覺追求及產品的背景圖... -
Webjx收集基于CSS JS設計50款優秀的導航菜單
作者:asdasdasd11-19
下面Webjx.com要向大家推薦的50款優秀的導航菜單,有些是基于CSS設計的,有些是基于CSS JavaScript的菜單,還有些是基于Flash的導航菜單設計,它們都有一個共同點:那... -
CSS學習之類目之間豎線的練習實例
作者:asdasdasd11-19
最近在做一個網站項目碰到一個老話題,就是類目之間豎線的做法.
最近在做一個網站項目碰到一個老話題,就是類目之間豎線的做法.
我以前的做... -
css 完美清除浮動的兩種解決方案
浮動一直是我們編寫網頁最常用的方法,但是也是最不聽話的,一不小心會亂跑,雖然有萬能的float閉合div多寫一個可以解決掉,但是為了清除浮動而多出來一個空的div實在看著不爽,這里我在網上找到...
作者:asdasdasd11-19 -
頁面重構工程師應該具有的技能和素質
作者:asdasdasd11-19
首先簡單說明下我面試的范圍,以明確下面所總結的范圍:到目前為止,我主要是從事“頁面重構工程師”這個職位的技術初試,所謂初試就是第一次的篩選,主要是技術,也... -
CSS布局帶來的巨大影響:CSS display屬性值
作者:asdasdasd11-19
網頁元素應用上那些與表格相關的display屬性值后,能夠模仿出與表格相同的特性。我將會在該文中給大家演示這種方法給CSS布局帶來的巨大影響。
應原書... -
CSS教程(1):學習CSS背景相關知識
作者:asdasdasd11-19
CSS 允許應用純色作為背景,也允許使用背景圖像創建相當復雜的效果。CSS 在這方面的能力遠遠在 HTML 之上。
CSS 允許應用純色作為背景,也允許使用背... -
CSS網頁布局學習之Font-size的妙用
作者:asdasdasd11-19
CSS網頁布局學習之Font-size的妙用.
我在做網站項目的時候通常需要定義一個高度為10px以下的div。代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD X... -
CSS 瀏覽器兼容問題整理大全(比較全)
從網上收集了IE7,6與Fireofx的兼容性處理方法并整理了一下.對于web2.0的過度,請盡量用xhtml格式寫代碼,而且DOCTYPE 影響 CSS 處理,作為W3C的標準,一定要加 DOCTYPE聲名. CSS技巧 1.div的垂直居中...
作者:asdasdasd11-19 -
無hack無js全兼容text-overflow-ellipsis效果
超過寬度顯示省略號(無js無hack全兼容) . PS. 由于使用的附件作為圖片,使用其他瀏覽器測試時,保證登錄才能看到完整效果。或者 點此下載(感謝by0001提供的下載包) ^-^ 三更半夜果然適于思考,...
作者:asdasdasd11-19 -
用div css模擬表格對角線
這只是探討一種CSS模擬表格對角線的用法,實際在工作中可能覺得這樣做有點小題大作,這不是本主題討論的重點。如果對此深以為然的朋友,請一笑過之. 首先聲明: 這只是探討一種CSS模擬表格對角線...
作者:asdasdasd11-19 -
css 透明度的設置兼容所有瀏覽器
復制代碼代碼如下: .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} UPDATE: I wanted to pull this post out of the archives and updat...
作者:asdasdasd11-19 -
樣式表達式實現交替顯示table行顏色
<heand>
作者:asdasdasd11-19
<mce:style type="text/css"><!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"#419C33":"#CCEBC7")}
--></mce:style><style type="text/css" mce_bogus="1">tr ... -
import link的具體區別
我們知道在網頁中引用外部CSS有兩種方式,即:@import與link,我們也經常聽到有人說要使用link來引入CSS更好,但是你知道為什么嗎?linklink就是把外部CSS與網頁連接起來,具體形式
作者:asdasdasd11-19
@import
import文... -
CSS 樣式 層裁剪圖片
復制代碼代碼如下:<div style="width: 800px; height: 100px; overflow: hidden;"> <img style="margin-top:-25px;" src="http://www.bjxxd.com/school/images/hult.jpg" alt="hult" /> </div>原...
作者:asdasdasd11-19 -
CSS+DIV 拼圖(26個英文字母)
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http: //www.w3.org/1999/xhtml">
<head>
... -
菜單 stepdown 呈遞下沉的解決方法
關于“stepdown”,確實不知道能用什么精辟的語言來形容他,其實就是浮動層下呈遞下沉狀態,如上圖所示這個畫面讓我們不難相處,筆者是想做一個菜單之類的東西,每個塊是左浮動。那讓...
作者:asdasdasd11-19 -
CSS 實例實現清除浮動
在寫HTML代碼的時候,發現在Firefox等符合W3C標準的瀏覽器中,如果有一個DIV作為外部容器,內部的DIV如果設置了float樣式,則外部的容器DIV因為內部沒有clear,導致不能被撐開。看下面的例子:H...
作者:asdasdasd11-19 -
ie6 position-fixed效果
1、參與測試的瀏覽器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 2、操作系統:Windows 我喜歡position:fixed,它很酷。 但ie6總不支持它,所以用其他的屬性來模擬(這個模擬在主流瀏覽器...
作者:asdasdasd11-19 -
CSS 像素圖制作攻略
以圖片中的色青蛙為例子。16X16的像素圖,所以使用了如下的命名方法:
作者:asdasdasd11-19
r N c N - NN = r[0-15]c[0-15] (r = rol, c-col, N為自然數:0-15 )
1.命名的規則抄襲了XXX柵格化的那篇文章。
r0c1 即...
