CSS

下面的文章來自http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html對文字的大小問題有很好的講解，作者最早提供了一種現在看來最好的文字大小的控制方法。body{font-size:76%}p{font-size:1em}h1{font-size:1.5em}在body中使用百分數，因為大多數的瀏覽器的預設字型是16px的，但是16px的字型大小略大，很多人喜好12px，因此用76％來得到12px。然後css的其他

  2.3.1 class selector用法1：為了配合class selector的使用，文檔要有相應的標識。<p class="warning">When handling plutonium, care must be taken to avoid  the formation of a critical mass.</p> <p>With plutonium, <span class="warning">the possibility

 2.1 規則的結構<rules>::=<selector>        <左括弧><declarations><右括弧><declarations>::=

 1．2 跟css有關的標記，指令1．2．1 link<link rel="stylesheet" type="text/css" href="sheet1.css" media="all" />link標記的用意是允許將html與其他文檔相關聯。Css用link將css文檔與html文檔想關聯。Css文檔雖然不是html的一部分，但是被html使用，從外部style

Author: Jorux/Bluecssr Posted on: September 11, 2006 Filed under: Web Design Comments: 18 Responses keywords: css, tutorial FontSize: + Increase - Decreaseedit上次主要說明了css對於顏色和文字屬性的控制, 這次介紹css對於字型, 背景等屬性的控制.字型(Font):css控制的字型屬性包括font-family, font-style,

翻譯源http://www.w3schools.com/css/css_id_class.aspCSS Id和Classid和class也可以用作選取器在“CSS文法”中提到，設定樣式時，用HTML元素作為選取器，還可以使用自訂選取器，即“id”，“class”id選取器給單一的,獨特的元素指定樣式時，使用id選取器。id選取器使用HTML元素的id屬性,用“#”定義。下面的樣式將被應用到id =“para1”的元素:#para1{text-align:center;color:red;}例子&

1.頁面配置與規劃　　在網頁製作中，有許多的術語，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我們將用到一些有關於HTML的基本知識，而在你學習這篇入門教程之前，請確定你已經具有了一定的HTML基礎。下面我們就開始一步一步使用DIV+CSS進行網頁布局設計吧。所有的設計第一步就是構思，構思好了，一般來說還需要用PhotoShop或FireWorks(以下簡稱PS或FW)等圖片處理軟體將需要製作的介面布局簡單的構畫出來，以下是我構思好的介面布局圖。下面，我們需要根據構思圖來規

樣式表CSS在網頁中佔著極重要的地位，它的使用一直是熱門討論的話題。CSS是Cascading Style

 BLOGCHINA的部落格網站可謂臥虎藏龍。有時我們發現一些高手的部落格網站異彩紛呈，直看得流口水，恨不得自己也能做出這種風格的網站來。可是怎樣模仿出對方的風格呢？最快的辦法就是分析對方的HTML代碼和CSS代碼。       HTML代碼自不用說，只需點查看－查看源檔案即可。下面著重談談我的新發現——CSS代碼的查看。       輸入對方的網址然後加“/default.css”（分號不要輸入）即可完全欣賞到對方的CSS代碼！！！       

 現在，用ＦＲＯＮＴＰＡＧＥ製作網頁簡單得就象是用畫筆在白紙上畫圖一樣。但隨著網站內容的不斷豐富，網頁上的圖象、動畫、字幕以及其他控制項也不斷增加，要實現這些元素在網頁中的準確定位，就必須對這若干個元素分別調整，這一點恐怕只有那些對網頁製作癡迷而執著的人才可能做到，這並不是正確的工具和靈活性就可以實現的。設想一下，開啟一個文字檔，編輯幾行字，就可以使整個Web網站得到改變。再設想一下，以線上的方式建立帶有複雜圖形、豐富字型字型大小等特殊效果的頁面，大小隻有10k。那麼這樣的效果如何?呢？　　19

作者: Fenng | 可以轉載, 轉載時務必以超連結形式標明文章原始出處和作者資訊及著作權聲明網址: http://www.dbanotes.net/web/best_practices_for_speeding_up_your_web_site_css.htmlWeb 前端最佳化最佳實務第四部分面向 CSS。目前共計有 6 條實踐規則。另請參見 Mozilla 開發人員中心的文章：Writing Efficient CSS1. 把 ">CSS 放到字碼頁上端 (Put

區別IE6與FF：background:orange;*background:blue;區別IE6與IE7：background:green !important;background:blue;區別IE7與FF：background:orange; *background:green;區別FF，IE7，IE6：background:orange;*background:green !important;*background:blue;註：IE都能識別*;標準瀏覽器(如FF)不能識別*；IE6

前言每次要找個東西都得慢慢去翻自己收集的一些東西,每次都是那麼花時間,再加上有時存放時間久遠就忘了當時是存在哪了,為了方便查詢及閱讀,決定把一些Css Hack 收集起來...1.區別不同瀏覽器，CSS

一切為了相容IE和FF，歡迎補充，js和css相容IE和FireFox(FF)(說明:下面凡說w3c代表Firefox,Chrome,Safari,Opera，FF則代表Firefox)目前版本Firefox3.5,Chrome3.0,Safari4.0.3,Opera 9.64(最後修改日期2009-11-17)css:1.ul標籤中FF中有個padding值，卻沒有margin值，而在IE中正好相反解決辦法:將ul的padding和margin都設為0(也可以不是0)如：padding:0;

廢話不說：首先從頁面寫CSS，因為現在的HTML標準晉陞到XHTML1.0樣式繼承順序最低優先順序：<td align = "left">這種寫法的優先順序最低，沒有繼承其他CSS和沒有STYLE之前可用次優先順序：在CSS裡寫樣式然後頁面上用CLASS = “”或者用STYLECLASS =

本節主要講解，兩個內容：複製內容到剪貼簿代碼:第一：CSS如何控制頁面樣式，有幾種方式；第二：這些方式出現在同一個頁面時的優先順序。使用xHTML+CSS布局頁面，其中有個很重要的特點就是內容與表象相分離，內容指HTML頁面代碼，表象就是CSS代碼了，如果把頁面看成穿著衣服的人的話，人就是HTML，是內容，而衣服呢就是CSS，是表象，現在出現的問題是，如何讓CSS去控制頁面？或者說，如何讓衣服穿在人身上，好體現出人得風格特點；不同的CSS就可以使頁面出現不同的風格適用不同的網站，而不同的衣服，人

規範的命名也是Web標準中的重要一項，標準的命名可以更好的看懂代碼，我想大家應該都有這種經曆，某日翻出自己過去寫的代碼居然看不懂了，呵呵，為了避免這種情況我們就要正常化命名，再說了，現在一個項目不是一個人就可以完成的，是需要大家互相合作的，如果沒有正常化命名，別人就無法看懂你的代碼，大大降低了工作效率，所以必須正常化命名，這樣還顯著咱專業！好了不多說了，關於CSS命名法，和其他的程式命名差不多，也是有三種：駱駝命名法，帕斯卡命名法，匈牙利命名法。【駱駝命名法】說到駱駝大家肯定會想到它那明顯的特徵

課程關鍵詞：盒模型、塊狀元素與內嵌元素、CSS選取器引用:【例子】要求：1）寬度、高度均是200像素；2）顏色為紅色#900；自己做做，看看能不能作出來？先不要看My Code，如果真的做不出來，就下載下來，跟著我下面說的一步一步修改。下面是My Code：  SY_例子1.rar (498

課程關鍵詞：浮動頁面配置有兩種方式引用:1）浮動Float 2）定位Position今天就來一個小小的練習，讓大家理解Float的含義複製內容到剪貼簿代碼:【例子】要求：1）兩個方塊，一個紅色#900，一個藍色#009；2）紅色方塊寬度和高度均為200像素，藍色方塊寬度為300像素，高度為200像素；3）紅色方塊藍的上外邊距(margin-top)和左外邊距(margin-left)均為20像素；頁面效果如下：原始碼：  SY_例子2.rar (3.58

課程關鍵詞：清除浮動Clear還記得第二課我們做的例子的效果嗎？最後效果是，紅色方塊和藍色方塊都處於一行，我們使用“Float:left”，打擊了塊狀元素的“霸道”即塊狀元素不允許其他元素和它處於同一行。我們將紅色方塊的CSS代碼中加入了“Float:left;”後，紅色方塊終於允許藍色方塊和它處於同一行。我們換一種方法表達上面的意思，因為紅色方塊的“左側浮動”，才導致藍色方塊上移至紅色方塊的尾後；在上個例子中，為了達到瀏覽器安全色性，我們分別在紅色藍色方塊CSS代碼中分別加了“Float:le