CSS

當在XHTML中使用CSS，CSS裡定義的元素名稱是區分大小寫。為了避免這種錯誤，建議所有的定義名稱都採用小寫。class和id的值在HTML和XHTML中也是區分大小寫。1.樣式屬性主要分為以下幾類：字型，背景，文本，位置，布局，邊緣，列表，其它。 2.字型  族類(generic family)：一個族類是一組具有統一外觀的字型族。sans-serif代表一組沒有“腳”的字型，筆畫兩端有襯線；serif族：筆畫兩端有襯線；monospace族：所有字元的寬度一樣。  

：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><style>.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px;

 一、CSS字型屬性簡寫規則 一般用CSS設定字型屬性是這樣做的：font-weight: bold; font-style: italic; font-varient: small-caps;font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif但也可以把它們全部寫到一行上去： font: bold italic small-caps 1em/1.5emverdana,sans-serif真不錯！只有一點要提醒的：

DIV＋CSS網頁布局這是一種趨勢,我也開始順應這股趨勢了,不過在使用DIV＋CSS網站設計的時候，應該注意css樣式相容不同瀏覽器問題，特別是對完全使用DIV+CSS設計的網頁，就應該更注意IE6 IE7 FF對CSS樣式的相容，不然，你的網頁可能亂的一塌糊塗！我經常被這些東西整的焦頭爛額,於是呼在網上找了些資料,加上自己的理解和這些日子的經驗,整理了一些資料,其中有一些我還沒用到的和還不能理解的,就直接從別的地方給粘了過來,不知道有沒有錯誤,等我以後用到的時候慢慢改吧,希望對大家有點協助! 

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

<style type="text/css">#slantedmenu{font-weight: bold;font-size: 90%;}#slantedmenu:after{ /*在FF中增加菜單末尾的邊距*/content: ".";display: block;height: 0;clear: both;visibility: hidden;}#slantedmenu ul{text-indent: 10px;padding: 3px 0;margin:

大多數人很容易將CSS屬性display和visibility混淆，它們看似沒有什麼不同，其實它們的差別卻是很大的。 visibility屬性用來確定元素是顯示還是隱藏，這用visibility="visible|hidden"來表示，visible表示顯示，hidden表示隱藏。當visibility被設定為"hidden"的時候，元素雖然被隱藏了，但它仍然佔據它原來所在的位置。例： <script language="JavaScript"> function

圖示代碼<?xml version="1.0" encoding="UTF-8" ?><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

參考自http://www.17css.com/a-detailed-explanation-of-the-css-drop-down-menu/ Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <html>   <head>    <title> 純CSS下拉式功能表 </

From

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

這篇筆記有44個選取器，基本涵蓋了CSS 2和CSS 3的所有規定。=======================================================CSS選取器筆記一、基本選取器序號選取器含義1.*通用元素選取器，匹配任何元素2.E標籤選取器，匹配所有使用E標籤的元素3..infoclass選取器，匹配所有class屬性中包含info的元素4.#footerid選取器，匹配所有id屬性等於footer的元素執行個體：* { margin:0; padding:0;

著作權聲明：原創作品，允許轉載，轉載時請務必以超連結形式標明文章原始出版、作者資訊和本聲明。否則將追究法律責任。http://blog.csdn.net/mayongzhan - 馬永占,myz,mayongzhan csdn伺服器不行了，這次是對部落格上的頭像下手了，頭像被去掉，並且統計資訊也一起去掉，大快人心！特此去掉手動刪除統計資訊的代碼 全部代碼如下 #SubscriptionList {display:none;}#csdnblog_allwrap

   Flex4 新增的spark組件中，已經沒有background屬性了，取而代之的style和theme了。例如 InputText.setStyle("contentBackgroundColor", 0xFF0000);   把textinput的背景設定為紅色。還可以通過 css來設定這些組件的style，這個contentBackgroundColor只會對spark組件的TextInput生效。   <fx:Style> @namespace s

// 結合指令碼語言動態控制元素在頁面中出現的位置。Code:  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   <html>       <head>           <title>css11.html</title>           <meta http-equiv="content-type" content="text/html; 

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

1、不要使用過小的圖片做背景平鋪。這就是為何很多人都不用 1px 的原因，這才知曉。寬高 1px 的圖片平鋪出一個寬高 200px 的地區，需要 200*200=40, 000 次，佔用資源。 2、無邊框。推薦的寫法是 border:none;，哈哈，我一直在用這個。 border:0; 只是定義邊框寬度為零，但邊框樣式、顏色還是會被瀏覽器解析，佔用資源。 3、慎用 * 萬用字元。所謂萬用字元，就是將 CSS

          Div+CSS可是實現簡單的網頁設計，對於需要添加動作，更方便的互動，Javascript給我們提供了方便；資料的儲存可以利用XML使其更加方便；而對於減少頁面與伺服器的互動，可以利用Ajax技術，與Css結合，例如gmail郵箱，在收取郵件時，不重新整理頁面，只增加新來的郵件，這樣減少頁面其它部分佔用的頻寬，將更多的頻寬用到有用的地方！更加的符合使用者的需求.   

                             1、CSS基本概念1)   定義CSS（CascadingStyle Sheet 譯為“階層式樣式表”）用於控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言；用來進行網頁設計的；它也是一種用來表現HTML或XML等檔案樣式的電腦語言；2)   CSS文法Selector{property:value}

一、浮動基礎知識假如一個頁面上有3個div塊，如下排列：圖1：不使用浮動圖2：向右浮動 圖2說明了框1脫離了文檔流向右移動，直到它的右邊緣碰到包含框的右邊緣為止。圖3：向左浮動       圖3說明了框1向左浮動，脫離文檔流向左移動，直到它的左邊緣碰到框2的左邊緣為止，由於框1脫離了文檔流，不佔據空間，框2處於文字資料流中，所以框1覆蓋了框2。