CSS

你看到這篇文章的時候，你可能懷疑是不是看錯了？沒錯，CSS代碼也能掛木馬，特別是現在很多網站支援富文本提交的地方。網站掛馬的手段最初非常單一，但是隨著Web2.0技術以及Blog、Wiki等廣泛的應用，掛馬也湧現出各種各樣的技術，其中CSS掛馬方式，可以說是Web2.0時代駭客的最愛。有許多非常著名的網站都被駭客用CSS掛馬入侵過。在我印象中，記憶最深刻的一次是百度空間CSS掛馬。當時，百度空間推出沒有多久，就有許多百度使用者收到了類似“哈，節日快樂呀！熱烈慶祝2008，心情好好，記住要想我！h

邊框可以應用到在主體元素body中的絕大部分HTML元素中。建立一個包圍著元素的邊框，你所需要的是邊框樣式border-style。它們的值可以是 solid、dotted、dashed、double、groove、ridge、 inset和outset。（你有必要每個值都試一試，看看效果如何譯者注）邊框寬度border-width為邊框設定寬度，通常用像素來表示。當然，還可以單獨設定四個方向的邊框屬性，它們是border-top-width、border-right-wid

CSS屬性：3、布局（Layout）屬性：在以前的HTML裡，元素的位置只能靠元素的依次排列覺得，而在CSS裡你可以更精確的定位元素。Netscape曾提出過Layer標記，它對於精確布局很有好處，但是並沒有被W3C承認，W3C在CSS提出了類似於Layer標記的功能。position屬性：position屬性用來決定元素的位置類型，詳見屬性：屬性名稱: 'position'屬性值: absolute | relative | static初始值: static適合對象:

要實現的是head foot固定，中間地區隨內容高度自適應，拖動捲軸時foot永遠居底。SolarDreamStudios的方案給了我一個很好的思路，但關鍵區段是原創的，一直以為會比SolarDreamStudios的方案好，結果仔細看他們的代碼，才發現其實原理都差不多，不過他們似乎在相容性上下了更多工夫，具體未測試。A. 寬度100%自適應結構代碼  代碼如下複製代碼 <body><div

本篇總結了一些CSS常用技巧，為網站重構打下基礎，但願您能學到一點有用的東西。一.使用css縮寫 使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《css基本文法》。二.明確定義單位，除非值為0 忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100，但是在CSS中，你必須給一個準確的單位，比如：width:100px

一、使用STYLE屬性： 將STYLE屬性直接加在個別的元件標籤裡。<元件(標籤) STYLE="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}例如： <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"標楷體"; line-height:150%>這種用法的優點 是可靈巧應用樣式於各標籤中，但是缺點則是沒有整篇檔案的『統一性』。二、使用STYLE標籤：

CSS命名規則　　頭：header 　　內容：content/containe 　　尾：footer 　　導航：nav 　　側欄：sidebar 　　欄目：column 　　頁面外圍控制整體布局寬度：wrapper 　　左右中：left right center 　　登入條：loginbar 　　標誌：logo 　　廣告：banner 　　頁面主體：main 

列表標籤:  代碼如下複製代碼 <ul id="bar">    <li><a href="#">導航標題</a></li>    <li><a

 代碼如下複製代碼 <HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>捲軸的彩色顯示</TITLE><STYLE>BODY {  color : #6A1100; text-decoration : none; scrollbar-arrow-color: #ff3300;

HTML有標籤（tag），CSS就有選擇符（selector）。選擇符就是賦予內部或者外部樣式表的名字。在 CSS初級指南中，我們致力於HTML選擇符，即是HTML的標籤，用來改變一個指定標籤的樣式。每個選擇符都有屬性（properties）在大括弧{}中，裡麵包括諸如color、font-weighth或者 background-color形式的字樣。值（value）在半形英文引號:後面，用半形英文分號;隔離。

　　我們運用xhtml+css網頁布局，實現表現與結構的分離，表現部分的css檔案非常重要，也比較繁雜，我們在書寫CSS檔案時有很多屬性和值，我們就考慮到了書寫順序的問題。　　有時候是先寫了margin或color，然後再寫width和height等等。我們有沒有必要讓我們的編碼更加的工整，更加的科學呢？實踐證明，書寫工整、按一定的規則進行書寫是很有好處的。　　下面是Mozilla Firefox所建議的CSS書寫順序，對我們的代碼書寫很有參考價值：

在前面的文章中，我們提到了用什麼軟體來編寫CSS檔案。今天我們來看一些介紹：如何才能高效的進行CSS編碼？　　CSS網頁布局開發應該使用什麼軟體比較好 　　CSS 被吹捧的好處之一就是它能減小頁面大小，由此縮短下載時間，不僅僅是首頁的載入，還包括樣式表被緩衝以後，後續頁面的載入也被加快了的那部分時間。這沒錯，但首頁載入時間的縮短几乎看不出來，這是因為 CSS 代碼往往過於冗長了。　　好吧，現在一切都不同了。學點高效地進行 CSS 編碼的

提示：您可以先修改部分代碼再運行 my select itemA itemA itemB itemC itemD itemE itemF itemG itemH 提示：您可以先修改部分代碼再運行

提示：您可以先修改部分代碼再運行 非常酷的css帶說明資訊導覽功能表 從這裡可以進入標準之路首頁！網站首頁 專註於網頁特效及廣告代碼！網頁特效 淘客源碼下載、CMS系統源碼下載！源碼下載 連結交換平台，發布友情連結交換交易資訊！連結平台 生活常識網！生活常識 記得常來哦！您自訂 提示：您可以先修改部分代碼再運行

      1、應該將 CSS 放置於結構的上方（一般放置於 head 元素內）。CSS 是解釋型語言，Firefox 和 IE 在等待 CSS 傳輸完成之前不會渲染任何東西。只有將 CSS 前置，才可在瀏覽器解析結構時，對頁面進行渲染。This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom

在開發網路應用時，沒有比外觀更重要的事情了。所以，如果發現設計人員十分關注字型及字型大小，我不會感到奇怪！在設計網路應用時，您必須決定如何編輯字型。使用CSS時存在大量選項，每個開發人員都有自己的喜好。本文主要討論字型大小和網路應用內的操作。字型大小CSS2規範根據長度——水平和垂直尺寸——來定義字型。這個長度為一個數值，前面可能帶一個可選的加（+）或減（-）標記符。另外，該數值後可能有一個可選的單位標識符。另外，CSS2規範定義了兩個單位類型：絕

想成為一名css專家，僅僅熟練使用CSS選擇符（selectors）是遠遠不夠的。還在於對工作的整體規劃，工作流程的掌握以及提高樣式表的可維護性和效率。在這篇文章裡Jina Bolton從12個頂尖設計師那裡精選出了10種css應用技巧推薦給大家。 　　最近，我一直在研究如何建立更具吸引力的樣式表的方法。用css可以建立出我們想要的美妙絕倫的網站，而寫css本身就是一種享受。 　　如何建立更具吸引力的樣式表？你的樣式表應該具有哪些特性？ 　　幾個月前，我有幸出席了在美國俄勒岡州波蘭特舉辦的200

IE8 (下文中的 IE8 暫時僅代表IE8 beta1) 中增加了 CSS3 中的子串匹配的屬性選取器（substring matching attribute selectors），具體規則與正則中的匹配很相似： E[att^=’val’] //子串以’val’ 開始 E[att$=’val’] //子串以’val’ 結束 E[att*=’val’]

現在大多數瀏覽器都會緩衝網站上的圖片、CSS 和 JS 檔案，以提高載入速度。當你的網站修改 CSS 和 JS 的時候往往因為緩衝的原因無法立刻生效。這樣舊的 CSS 和新的 Html 就可能會導致錯誤，這裡有個小技巧，可以保證瀏覽器不會緩衝 CSS 和 JS，只需要在檔案結尾隨便加點參數即可，這樣瀏覽器就會認為這是不同的檔案。  代碼如下複製代碼 <link rel="stylesheet" type="text/css"

<!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