CSS

文法：　　以下是引用片段：list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha |

 在XHTML文檔中合適的使用CSS和JavaScriptXHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) 定義XHTML是為了把HTML 4擴充成像XML 1.0一樣的應用程式。在許多網站中XHTML正在迅速的替代HTML 4；然而，主流瀏覽器對完全支援XHTML方面表現得不足，和網頁設計師對HTML

 　　px像素(Pixel)。相對長度單位。像素px是相對於顯示器螢幕解析度而言的。　　em是相對長度單位。相對於當前對象內文本的字型尺寸。如當前對行內文本的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。　　任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。為了簡化font-size的換算，需要在css中的body選取器中聲明 Font-size=62.5%，這就使em值變為 16px*6

 　　瞭解 CSS　　層疊樣式表 (CSS) 是一系列格式設定規則，它們控制 Web 頁面內容的外觀。使用 CSS 設定頁面格式時，內容與表現形式是相互分開的。頁面內容(HTML 程式碼)位於自身的 HTML 檔案中，而定義代碼錶現形式的 CSS 規則位於另一個檔案(外部樣式表)或 HTML 文檔的另一部分(通常為 部分)中。使用 CSS 可以非常靈活並更好地控制頁面的外觀，從精確的布局定位到特定的字型和樣式等。　　CSS 使您可以控制許多僅使用 HTML 無法控制的屬性。例如，

使用一些空格實現個數不等的中文對齊或等寬。見下表：其中的&ensp;和&emsp;，由於具有某一超贊的特性，使其可以登上web屆的舞台！什麼特性呢？如上表加粗展示，1. 透明； 2. 寬度正好跟中文正好是1:2和1:1的關係，於是，一些中文排版對齊什麼的，直接就可以使用這兩個空格調節，如：XML/HTML Code複製內容到剪貼簿 <ul> <li class="li">姓  名：<input

你和使用者之間的網站堆棧（簡化版）在TXJS大會的最後一天，一個開發人員問我：物件導向的CSS沒有給你留下一大堆基於表現的class名？網路堆棧中的每一層都有它自己的結構。你不會期望將資料庫結構描述用於構建PHP中介軟體，人們對於HTML和CSS的期望是一樣一樣的。HTML需要用一種能代表資料或內容的有意義的東西來書寫，也就是我所謂的代碼語義。HTML中的代碼語義對於可移植性和易用性都是極為重要的。另一方面，CSS在堆棧中確實是一個獨立的層，它需要能反映頁面的視覺語義的屬於自己的體繫結構。視覺語

這是最基本的預覽，下面是幾種不同的應用代碼一、基本的CSS圖表CSS代碼<style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color:

按照CSS規範，浮動元素（floats）會被移出文檔流，不會影響到塊狀盒子的布局而只會影響內聯盒子（通常是文本）的排列。因此當其高度超出包含容器時，一般父容器不會自動伸長以閉合浮動元素。但是有時我們卻需要這種自動閉合行為，具體如何處理呢？　　有一種做法就是在父容器內再插入一個額外的標籤，並令其清除浮動（clear）以撐大父容器。這種方法瀏覽器安全色性好，沒有什麼問題，缺點就是需要額外的（而且通常是無語義的）標籤，所以我個人不大喜歡。　　後來又有了一種新的方式，使用 :after

<nav class="cf_nav clearfix"> <ul> <li> <a href="http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com" title="首頁"> <div class="nav_block">

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

 　　最終效果圖：　　基本原理　　先設定一個背景色的普通div盒子，然後使用上篇post得到的三角型表徵圖，把div盒子設定為相對定位元模式，三角型表徵圖設定為絕對位置，位置相對於div盒子，調整到合適的位置。這樣就得到一個基本的tooltip，但是沒有邊框看起來總是不舒服，我們可以給div盒子設定一個邊框，這沒什麼難度，但是三角形表徵圖如何設定邊框呢?這裡我們通過一個取巧的方式，讓兩個不同顏色的三角形圖示重疊，並且位置錯開1px，這樣底層三角形top

 概念瀏覽器是通過判斷優先順序，來決定到底哪些屬性值是與元素最相關的，從而應用到該元素上。優先順序是由選取器組成的匹配規則決定的。如何計算?優先順序是根據由每種選取器類型構成的級聯字串計算而成的. 它不是一個對應相應匹配運算式的權重值.如果優先順序相同,元素最終會應用 CSS 中靠後的聲明.注意:

 　　網頁中對話氣泡框下邊的小三角是非常有用的，繪製的方法很多，想什麼字型表徵圖、小圖片之類的都可以，但是都不夠靈活和快捷，有了 CSS3 之後繪製一個三角形就非常簡單了　　首先當然是一個任意的空標籤來當小三角，下邊的 CSS 丟進去即可：  代碼如下   .triangle{

　　DIVcss初學者往往感覺自己遇到很多莫明其妙的問題，其實只是一些小細節沒有引起重視，有多篇文章提醒大家經引起重視，下面羅列了10個問題與技巧，溫故而知新。　　一、檢查HTML元素是否有拼字錯誤、是否忘記結束標記　　即使是老手也經常會弄錯div的嵌套關係。可以用dreamweaver的驗證功能檢查一下有無錯誤。　　二、檢查CSS是否正確　　檢查一下有無拼字錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查

  模板中的分頁部分頁部分源碼： 代碼如下:<div class="pagination-wrapper"><div class="pagination">{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}</div></div>樣式一 代碼如下:/*pages*/.pagination-

 　　這篇文章介紹了提高編寫CSS代碼效率的10個習慣，看了覺得不錯，大家可以學習一下。文章底部有原文連結。　　1、保持一貫性。　　就像其它的任何事一樣，值得一直保持一貫性。保持連貫性，而不是想到什麼就給id和class命名什麼。　　CSS的級聯樣式有利於加深你的記憶，而且充分利用樣式的繼承去設定樣式表。　　首先聲明通用的部分的樣式，然後繼續聲明不通用的。這樣當你需要的時候更容易的去覆蓋一個特定的樣式。因為樣式更易於閱讀和更具邏輯性，你會發現編寫CSS更迅速。　　使用一種最是適合你的方

 如果你開發web相關應用或者網站的話，肯定知道CSS對於頁面配置的重要性。在本篇CSS技巧中我們將介紹頁面載入的流程來協助你更好的實現頁面配置。介紹在我們開始正式的介紹頁面流程前，我們需要簡單瞭解幾種不同類型的html元素，以及它們的預設顯示方式。這裡我們主要重點介紹兩個類型的元素：1.block2.inline如果大家關心html5的話，你應該知道在HTML5中也包含了幾個新的元素，例如，section，article等等，但是仍舊遵循這裡我們介紹的顯示類型。inline類型的元素

大家有沒有注意到現在已經可以直接在 RunJS 上用 CoffeeScript 來編寫指令碼，用 Less CSS 來編寫樣式。先來看一個示範代碼：CoffeeScript ：# Assignment：number = 42opposite = true# Conditions：number = -42 if opposite# Functions：square = （x） -> x * x# Arrays：list = ［1， 2， 3， 4， 5

 　　Css防止圖片尺寸過大　　添加如下CSS：  代碼如下   img {   max-width: 800px;   height: auto;   } 

 　　table-cell輕鬆設定文本圖片水平垂直置中　　讓一個元素垂直置中的思路：把這個元素的容器設定為table-cell，也就是具有表格儲存格的特性，再使用vertical-align(這個屬性對block元素不起作用，但對table-cell元素是有效)設定元素垂直置中，即可達到我們想要的效果。　　IE7及以下版本不支援此方法，IE8及以上版本及大部分的主流瀏覽器都很好的支援。　　HTML代碼  代碼如下