CSS

本篇是繼上篇《CSS實現遮蓋層》而來。在上一次的基礎上加上了彈出層的垂直置中。需要：1. 彈出層固定高，或者通過js去計算出來的高。具體實現： 1. 在彈出層處加一層類似遮蓋層的包裹；2.設定寬度，這個是必須的。3. 對彈出層使用：margin-left & margin-right: auto; (水平置中)； 4. 對彈出層使用: top: 50%; margin-top: -height/2+'px'; 5. 就是這樣，沒有了。Demo執行個體：<!doctype html&

<html> <head> <title>3D圓角</title> <style type=text/css> .raised{background:transparent;width:40%;} .raised h1,.raised p{margin:0 10px;} .raised h1{font-size:2em;color:#fff;} .raised

DIV+CSS建立標準WEB網頁的好處一、使用div的方式進行程式的嵌套，特別是使用php這樣的代碼嵌套，可以減少出現像table中那樣繁重的代碼，對於頁面嵌套可以減少因table代碼而帶來的問題。 　　二、使用div對於設計使用ajax(動態網站靜態化)等的時候，可以減少Javascript代碼對於頁面控制時候的複雜度，因為使用table的時候，層次關係最起碼有三層，table-tr-td以上，而使用div則基本上只有兩層（div-div）的概念。

CSS優先順序包含四個層級（文內選取器，ID選取器，Class選取器，元素選取器）以及各層級出現的次數。根據這四個層級出現的次數計算得到CSS的優先順序。 CSS優先順序的計算規則如下：* 頁面中直接設定style,加1,0,0,0* 每個ID選取器(如 #id),加0,1,0,0* 每個Class選取器(如 .class)、每個屬性選取器(如 [attribute=])、每個偽類(如 :hover)加0,0,1,0* 每個元素選取器（如p）或虛擬元素選取器(如 :firstchild)等，加0

轉自：http://www.javaeye.com/topic/52036最近在研究CSS，正好結合項目做了一個靈活的Tab頁，使用純HTML＋CSS實現，正好總結一下。 首先看一下預覽介面：  範例HTML可以訪問：http://www.demo2do.com/htmldemo/school/attendance/AttendanceGlobal.html 下面開始講述一下完成上述頁面的步驟。 1.

* This post is regularly updated. * Rounded corners is one of the most popular and frequently requested CSS techniques even the father of internet Google also launch the rounded corners style markup with her Google Adsense and let users to custom

http://www.telerik.com/support/kb/article/b454K-tkk-b454T-a.aspxArticle information Article relates toRadcontrols all versions Created byZarko, TelerikLast modifiedNov. 14, 2006Last modified byZarko, Telerik  PROBLEM In connection with the

在網頁設計中我們經常使用CSS控制超級連結樣式。但是我們必須注意標籤的先後順序，否則可能達不到預期的效果。 筆者在製作網頁的時候曾按下列順序排列這幾個標籤： a:link{font-size:18px;color:#0000FF;text-decoration:underline} a:hover{font-size:18px;color:#0000FF;text-decoration:none;font-style:italic} a:visited{font-size:18px;

body{ background-image:url(about:blank); background-attachment:fixed;}.myDiv{ position:fixed !important; position:absolute; top:expression(eval(document.documentElement.scrollTop));}body元素中background-image:url(about:blank);background-attachment:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta. http-equiv="Content-Type" content="text/html; charset=gb2312"><title>無標題文檔</title><style>@media print{INPUT

網頁布局DIV+CSS，在IE中能顯示置中的，在Firefox上不能顯示置中，偏左 style="margin-left:auto;margin-right:auto;width:640px;" 第一次用firefox測試時，也許你會發現在IE下正常置中顯示的架構無法置中顯示，而且怎麼調都不行，很讓人頭痛......ME TOO，--！我們在IE下一般用的置中方法是：text-aglin:center;在firefox下是沒效果的。在firefox下置中的辦法就是：style{margin:0

　　國慶節回來，這回著實是踏踏實實的休息了一次，感覺精神好多了。活是幹了一點，不過睡得放心多了。尤其是昨晚的颱風影響，感覺好涼爽，一覺居然睡了10個小時。　　今天上班把以前寫的一個東東整理了一下，不過還是有不少的缺憾在裡面，感興趣的朋友看看就可以了：）　　其實這個東東已經有很多人寫過了，不過還是把自己整理的貼出來大家瞧瞧，看還可以怎麼改進。　　先看看Demo吧：　　［效果示範：http://www.doyoe.com/model/xhtmlcss/style/imgview/1.htm］CSS部

一、基礎代碼<IMG src="/picture/css20080501.jpg" width=224>二、加邊框1、普通黑色邊框（瀏覽器預設黑色）<img src="/picture/css20080501.jpg" width=224 border=12>2、簡單的CSS裝飾框①<img src="/picture/css20080501.jpg" width=224 style="border:12px #987cb9 solid">②<img

<!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/html;

轉自：http://www.linji.cn/post/1595/用CSS讓元素置中顯示並不是件很簡單的事情——同樣的合法CSS置中設定在不同的瀏覽器中的表現行為卻各有千秋。在這裡，我介紹一種很好的置中處理辦法，但這之前，讓我們先來看看最常見的使用CSS置中元素的方法。使用自動外邊距實現置中

test.html： <html><head><link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" /></head><body><div id="footer2">this is a footer2 div</div><p id="p1">this is a p1 p</p>

原文出處，有過項目開發經驗的同志們大都會碰到表單驗證這類問題，檢驗使用者輸入的有效性，過濾掉使用者的非法輸入，傳統的基於彈出警告框的方式已經不能夠滿足使用者對於視覺美觀的需要，如何以一種更加友好的方式提示使用者，是UI設計者們需要考慮的問題。 技術挺簡單的：當使用者按下提交按鈕的時候，驗證發生，所有非法的輸入欄位會顫抖，下面是一個非常簡單的表單，我不會解釋表單的結構樣式，這裡我只關注與動畫特效。 <ul> <li class="first"> <

：原代碼：<!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/html;

前幾天在博問裡發現有人問關於 GridView點擊行變色 的問題，突然想起很久很久以前，寫過一篇文章 一個簡單但常用的表格樣式－－滑鼠划過行變色－－簡潔實現

文法：STYLE="filter:filtername(fparameter1, fparameter2...)" 　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數） 　　濾鏡說明： 　　Alpha：設定透明層次 　　blur：建立高速度移動效果，即模糊效果 　　Chroma：製作專用顏色透明 　　DropShadow：建立對象的固定影子 　　FlipH：建立水平鏡像圖片 　　FlipV：建立垂直鏡像圖片 　　glow：加光輝在附近對象的邊外