CSS

　　作為設計的組成部分，字型在網頁設計中扮演著重要角色，但是要在網頁中把字型用好並不是件容易的事情。這篇文章向大家分享12個非常有用的CSS工具和教程，協助你在網頁中實現漂亮的字型效果。工具CSS Type SetTypetesterTypechart教程Typographic Contrast and FlowHow to use headings in HTML10 Examples of Beautiful CSS TypographyAdvanced Typography

近日在做一些OA前端介面，為了更好管理頁面代碼想寫個js選取器，寫著寫著發現很費力，索性在網上找找看，功夫不負有心人， 找到一個mini css選取器，且效能不凡：以下代碼是壓縮後的，僅2KB。 複製代碼 代碼如下:var $=(function(){var

複製代碼 代碼如下:/*********************************************** * Ajax Page Fetcher- by JavaScript Kit (www.javascriptkit.com) ***********************************************/ var ajaxpagefetcher={ loadingmessage: "Loading Page, please wait...",

滑鼠移上去顯示圓滑的陰影

複製代碼 代碼如下:<!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> <meta http-equiv="Content-Type" content="text/

首先看個簡單的例子吧。 xmlns="http://www.w3.org/1999/xhtml">

新寫的JS 用戶端 UI：採用封裝模式的思想，富用戶端UI就像外殼一樣附加到普通的元素上。部分UI使用了兩種實現，一種直接使用Html,CSS,JS結合的方式，一種直接使用JS（UI結尾的檔案使用這種方式）。看過ExtJS做的，很漂亮，效果很絢，我做不到那種程度，但不喜歡那種編程方式，做ExtJS的的確是CSS,JS的高手，但沒有提供良好的面對對象的設計和使用。精力有限，不想在js上花太大時間，只做了一些常用的。 下載:WWTJS.rar服務期端還有WWT.jar 開發中

轉自 藍色理想 作者 bias 原文地址 http://www.blueidea.com/tech/site/2006/3296.asp 之前找了幾個不同版本的可獨立啟動並執行IE瀏覽器，正好拿來試試頁面的相容性問題。不試不知道，在IE6和FF中沒問題的頁面在IE5和IE5.5中亂成一團，一直聽說IE5是WEB標準製作的一個“釘子戶”，現在不得不相信了。

CSS打造多彩文字連結一、初級連結樣式1、普通連結2、無底線連結3、雙劃線連結4、刪除線連結二、進階連結樣式風格1、另類底線的原理2、定製底線色彩3、 定製底線距離4、 定製底線長度和對齊5、 定製雙底線三、進階連結樣式風格1、定義塊狀連結2、定義按鈕風格的連結3、定義特效連結4、靜態背景切換連結5、動態背景切換連結網頁教學網改編　

大多數人很容易將CSS屬性display和visibility混淆，它們看似沒有什麼不同，其實它們的差別卻是很大的。 visibility屬性用來確定元素是顯示還是隱藏的，這用visibility="visible|hidden"來表示（visible表示顯示，hidden表示隱藏）。 當visibility被設定為"hidden"的時候，元素雖然被隱藏了，但它仍然佔據它原來所在的位置。例：

1.css 字型簡寫規則當使用css定義字型時你可能會這樣做：font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-variant: small-caps;font-family: verdana,serif; 事實上你可以簡寫這些屬性：font: 1em/1.5em bold italic small-caps verdana,serif

我相信來經典論壇學習標準的朋友，99%都不是為了進W3C，不是為了成為專業的研究人員，那麼大家來的目的是什麼呢？很簡單，其實都是想通過標準的學習讓自己多增加一項技能而已，讓自己在找工作的時候不會在被“需要熟練掌握web標準”而難倒，在下面的執行個體中xhtml並沒有什麼語意，文章的目的只是讓然大家能更好的掌握CSS中相對、絕對位置的用法(新手問此問題的確實很多)，及如何有效結合背景，實現比較複雜的布局。不足之處還望前輩們能指點一二,感謝！-----------------------------

文章目錄 　　HTML　　CSS　　藝術邊框　　HTML5畫廊　　CSS　　CSS3 Transform　　Nth-of-Type 　　轉載請註明原創地址：http://www.cnblogs.com/softlover/archive/2012/11/20/2779893.html 　　在上一講中，我們的解決方案使用到了jquery去建立一個span標籤。在這一講中我們將用一種更好的解決方式，使用:before 和 :after 偽類。:

其實這種菜單個人認為應該稱作二級，但很多朋友都習慣把它叫作三級，就順其自然吧！在IE6.0 IE5.X Firefox1.x NS7.2 Opera8.0中都能正確顯示，只用到很少的JS代碼，使用時只要把<ul></ul>部分插入需要的地方即可。水平方向菜單示範>>  垂直方向菜單示範>>水平方向的代碼:CSS代碼 #nav, #nav ul {float: left;list-style: none;line-height:

目錄：DynamicLoad類簡介、屬性、方法、事件、樣本、下載。DynamicLoad類簡介     本文將為您介紹一個在javascript中可以動態載入js、vbs指令碼和css樣式表的DynamicLoad類DynamicLoad，載入原理分為3步：（1）使用document.createElement建立一個指令碼或者樣式表對象（以下稱對象o）；（2）設定對象o的屬性；（3）將對象添加到document中去。使用DynamicLoad類，您可以方便的判斷是否已經載入了指令碼，動態載入指

CSS 一些瑣碎知識點記錄下1：標籤a 的樣式添加順序：<style type="text/css">a:link {color:#006600; font-size:30px;}   /* 未訪問的連結 green */a:visited { color:#FF0000; font-size:30px; text-decoration: underline;}    /* 已訪問的連結 紅*/a:hover { color:#000000;

　　今天課程介紹的是移動的背景，順便講解下div+css動畫的原理。首先還是先介紹如何製作移動的背景效果。　　html代碼比較簡單，我就全貼出來了，稍後介紹js的實現。<!DOCTYPE html><html><head> <title></title> <style type="text/css"> header { display: block;

控制橫向和縱向捲軸的顯隱？<body style="overflow-y:hidden"> 去掉x軸<body style="overflow-x:hidden"> 去掉y軸<body scroll="no">不顯表格變色<TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=''"style="CURSOR: hand"&

這是用DIV+CSS+JS構成的樹型菜單，採用列表,符合WEB標準，在大多數WIN瀏覽器下，相容性不錯，xhtml見效果頁,我現在做的是二個菜單,如果需要添加,可把<ul class="collapsed" id="submenuid2">......</ul>之間的內容加上去,"submenuid"加1,查看效果。CSS代碼body {margin: 0px;padding: 0;font: 12px " Arial, Helvetica,

Abstract一般的Blog都會在兩側提供自由欄位，讓你可以輕易的將Google Adsense的JavaScript放上去，若想要在文章內文也放Google Adsense，難道得一篇一篇的Copy & Paste嗎?Introduction若以閱讀習慣來說，將廣告放在文章內文的成效較大，畢竟讀者注意的是文章內容，順著閱讀完後一定會看到廣告，但不見得會去注意網頁兩側的訊息。如果要每篇文章都得Copy & Paste那些Google