CSS

web標準頁面及css的命名參考

做了web開發那麼久，竟然不知道XHTML和HTML的區別？是啊，但是也不照樣做的好好的嗎？但是看了下面這些，你也許會覺得開心的：首先我們先各自介紹一下： HTML:(超文字標記語言 (HTML))html一開始只能顯示自己的電腦上的文本和圖片，後來作者是想讓在自己的文本上看到別人的文本和圖片，那麼這個文本就叫超文本了，並且一般是點擊一個連結連到對方的文本的，那麼這個就是標記的意思。現在最新的HTML是4.0版本的。 XML:(可延伸標記語言

CSS基本相關內容2上次我們說了CSS的基本屬性,選取器的介紹.本篇文章繼續討論CSS中的相關內容.像我發布文章的部落格園上面用的代碼就是CSS的內容.下面我們看看偽選取器的寫法.在某些瀏覽器下支援為選取器,某些不支援.原因一個是相容性問題,一個就是頭上加沒加:

CSS文法 (不區分大小寫)JavaScript文法

文本的精細排版:調整字元間距: letter-spacing: normal | 長度調整單詞間距: word-spacing: normal | 長度添加文字修飾: text-decoration: underline | overline | line-through | blink | none設定文本相片順序: text-align: left | right | center | justify(兩段對齊)設定段落縮排: text-indent: 長度 | 百分比調整行高: line-

屬性名稱字型屬性（Font）font-familyfont-stylefont-variantfont-weightfont-size顏色和背景屬性ColorBackground-colorBackground-imageBackground-repeatBackground-attachmentBackground-position文字屬性Word-spacingLetter-spacingText-decorationVertical-alignText-transformText-alig

剛才一個朋友告訴我他的blog友情連結太多了，所以把所有連結放到一個DIV中，加了個捲軸，可是他又不想每次別人來看，看到的都是前面幾個連結，於是問我有沒有什麼辦法，想了一個，呵呵，正好有個辦法style後面用於限定DIV樣式並加捲軸，這個不多說關鍵的地方其實很簡單，最後兩行Javascript就是了，起作用的只有最後一行：obj.scrollTop=obj.scrollHeight*(Math.random());obj.scrollTop：捲軸距離頂部的位置obj.scrollHeight：流

寬度自適應：就是元素的寬度根居裡面的內容來變化;一、寬度自適應的元素水平置中：　　1.寬度自適應的元素可以是：絕對位定、浮動元素、行內元素。而我們通常布局，肯定不會用行內元素，所以會選擇，絕對位置或浮動。　　2.置中：這裡我們應該會想到1/2、50%、一半等這些東西。　　　　中：黑色為body，深綠色需要在body中水平置中，並且寬度是自適應的。亮綠色，是一個多餘的DIV，就是為了讓深綠色的DIV水平置中。　　以下是實現代碼：　　pos元素的float:left或都用position:absol

周末的時候公司到一個學校做一場活動，活動中間有抽獎環節，抽獎是按照會議室坐位編號來的，就是把編有座位號的紙條折起來放在一個抽獎箱中。如何快速設計並列印出這些編號呢？這個問題難倒了我們美女設計。她是用設計軟體的重製方法，快速鍵通常是ctrl+d或ctrl+alt+d。如果重製的每個圖形一樣，那樣通過這個重製辦法再加上分布與排序功能可以快速做到，但是中間的號碼是變化的，這樣重製好了樣板還要一個一個地改中間的數字，麻煩。適好此時我靈機一動，用以下方法實現了，現拿出來與大家分享（方法實用，因為無須高品質

文章目錄 一、重要聲明(著作權聲明)二、關於此電子書三、電子書使用方法 22.8M 一、重要聲明(著作權聲明)本電子書所用掃描圖片取自網路，本人只是出自個人愛好加以收集整理。《精通CSS》一書著作權歸原作者和人民郵電出版社所有，本電子書僅供交流學慣用途，不得用於商業用途，否則因著作權問題引發糾紛後果自負！如有需要請購買印刷發行圖書，詳情請查看人民郵電出版社網站：http://www.ptpress.com.cn/

 1.區別IE和非IE瀏覽器#tip {background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、IE7、IE8背景紅色*/}2.區別IE6,IE7,IE8,FF【區別符號】：「\9」、「*」、「_」【樣本】：#tip {background:blue; /*Firefox 背景變藍色*/background:red \9; /*IE8 背景變紅色*/*background:black; /*IE7

CSS現在提供了許多諸如進階選擇或是命名空間的特性，讓我們來看看如何使用。我們會展示一些方法來選擇和應用一些樣式到組件上:使用namespace的全域選擇，使用ID的選擇，繼承和狀態的選擇。 代碼 在這個例子裡，我會用到兩個Button(一個屬於Halo 一個來自Spark)和一個包含在VGroup裡的progressBarMxml代碼 <?xml version="1.0" encoding="utf-8"?>   <s:Application xmlns:fx="http:

　　之前，因為公司專門有CSS+DIV的切片設計師，所以我一直都是注重程式的設計與開發。現在，因為接了一些Web網站的項目需要製作，就在空閑時間學習起了CSS、Jquery。　　　　現在，大部分的橫排導航都是通過 ul -> li *n -> a 來實現的。具我所知，要達到這種效果，有幾種方法可以實現。　　1.傳統處理方式：li {float:left;}/*這樣，對固定寬度導航條來說，li不能自動置中*/  　2.inline-block方式：　　ul

CSS的 RevealTrans 濾鏡         　　CSS的RevealTrans動態濾鏡是一個神奇的濾鏡，它能產生23種動態效果，更為奇妙的是它還能在23種動態效果中隨機抽用其中的一種。用它來進行網頁之間的動態切換，簡直方便極了，你只要在網頁原始碼的< head >與< /head >之間插入這樣一行代碼：< Meta content=revealTrans(Transition=14,Duration=3.0)

<style> body { font:verdena; font-size:14px; color:#000 } h1{ font:verdena; font-size:22px; color:#000 } h2{ font:verdena; font-size:15px; color:#000; text-align:left } div#main { margin:30 } /*關鍵代碼開始*/ a.info { position:relative; z-index:0;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">    <title>無標題文檔</title>    &

http://loo2k.com/blog/why-avoid-css-expression/為什麼盡量避免使用 CSS 運算式4七月 12, 2011 10:28 | 前端開發 | Add a comment以前曾經發表過一篇文章 解決 IE6 position:fixed 固定定位問題，講的是使用 CSS 運算式來解決 IE6 無法使用 positio: fixed; 固定定位的問題；在文章發表之後的到現在，一些朋友告訴我 CSS

http://www.dabaoku.com/jiaocheng/wangye/css/201107279598.shtml相容N多瀏覽器的CSS陰影製作效果時間:2011-07-27 17:59來源:未知 作者:大寶庫 點擊:641次閱讀工具：字型：大 中

==========================================================1. 背景－background==========================================================單個屬性的寫法.sample1 {background-color: #CCCCCC;   /*背景顏色*/background-image: url(sample.gif);   /*背景圖片*/background-repeat:

    2.2.4  浮動    最後一種定位模型是浮動模型。浮動的框可以左右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊緣。因為浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。    2-13所示，當把框1向右浮動時，它脫離文檔流並且向右移動，直到它的右邊緣碰到包含框的右邊緣。圖2-13