CSS

A CSS Button Creation Class IntroductionIn an earlier article, Creating CSS Buttons, I examined how to create graphical-appearing buttons using nothing but HTML and CSS. While this approach is fairly simple to implement - just add a few style tags

最近在做一篇文檔，有關xhtml與css的，看了不少資料，這裡先把總結的東西寫一點出來。先說的是div+css的問題，最基本的，怎樣使用它們來布局。浮動

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

　　使用CSS布局非常簡單，如果你習慣使用tables布局，可能開始時有點困難，但其實很容易，事實上只是觀念的不同。　　你需要把網頁的每個部分看成獨立的塊，你可以絕對或相對定位塊。　　Positioning

　　At-rules分裝不同的CSS規則，應用在特定場合。　　Importing　　import@規則引用另外的樣式。例如，如果你想添加另外樣式到現在的樣式，可以這樣：　　@import url(addonstyles.css);　　這很像使用link元素串連CSS到HTML，本質上說有一個內容樣式像下面：　　<style type="text/css" media="all">@import

1. position:static|無定位 position:static是所有元素定位的預設值, 一般不用註明，除非有需要取消繼承的別的定位example: #div-1 {  position:static; }2. position:relative|相對定位 使用position:relative，就需要top,bottom,left,right4個屬性來配合，確定元素的位置。如果要讓div-1層向下移動20px,左移40px:example: #div-1 {  

有朋友常提關於IE捲軸的問題，特總結該貼。簡單地介紹一下涉及瀏覽器捲軸的樣式表內容（某些樣式需ie5.5+才能支援）：1．overflow內容溢出時的設定（設定被設定對象是否顯示捲軸）overflow-x水平方向內容溢出時的設定overflow-y垂直方向內容溢出時的設定以上三個屬性設定的值為visible(預設值)、scroll、hidden、auto。2．scrollbar-3d-light-color立體捲軸亮邊的顏色（設定捲軸的顏色）scrollbar-arrow-color上下按鈕上三

提示：您可以先修改部分代碼再運行 相容各種瀏覽器的純CSS三級下拉導覽功能表與之間-->與之間-->DEMOS zero dollars advertising page wrapping text around images styled form active focus hover/click with no borders styled form removing active/focus

提示：您可以先修改部分代碼再運行 網站變灰css代碼（支援flash變灰)這是一款簡單的網站變灰css代碼，這是款變灰代碼不可以讓整個頁面都變灰，包括圖片變灰，文字變灰，flash變灰代碼，swf都可以變成黑白二 種色彩。 看一個效果 上面是針對flash下面我們來個針對圖片的吧。

提示：您可以先修改部分代碼再運行 css半透明效果的浮動層css半透明效果的浮動層 www.111cn.net中國web第一站 致力於web標準在中國的應用及發展 提示：您可以先修改部分代碼再運行

提示：您可以先修改部分代碼再運行 Css 經典導覽功能表代碼HomeSingle LevelDropdownDroplineFlyoutSupportContact 提示：您可以先修改部分代碼再運行

提示：您可以先修改部分代碼再運行 HomeSingle LevelDropdownDropdown oneDropdown 1.1Dropdown 1.2Dropdown 1.3Dropdown 1.4Dropdown 1.5Dropdown 1.6Dropdown twoDropdown 2.1Dropdown 2.2Dropdown 2.3Dropdown 2.4Dropdown 2.5Dropdown threeDropdown fourDropdown fiveDropdown

提示：您可以先修改部分代碼再運行 HomeSingle LevelDropdownDropdown OneDropdown TwoDropdown ThreeDropdown FourDropdown FiveDroplineDropline OneDropline TwoDropline ThreeDropline FourFlyoutFlyout OneFlyout TwoFlyout ThreeFlyout FourFlyout FiveSupportContact

提示：您可以先修改部分代碼再運行 純CSS+Div 經典導覽功能表HomeSingle LevelDropdownDropdown OneDropdown TwoDropdown ThreeDropdown FourDropdown FiveDroplineDropline OneDropline TwoDropline ThreeDropline FourFlyoutFlyout OneFlyout TwoFlyout ThreeFlyout FourFlyout

提示：您可以先修改部分代碼再運行 HomeSingle LevelDropdownDropdown OneDropdown TwoDropdown 2.1Dropdown 2.2Dropdown 2.2.1Dropdown 2.2.2Dropdown 2.2.3Dropdown 2.2.4Dropdown 2.2.5Dropdown 2.2.6Dropdown 2.2.7Dropdown 2.2.8Dropdown 2.3Dropdown 2.3.1Dropdown 2.3.2Dropdown

提示：您可以先修改部分代碼再運行 www.111cn.net可拖動層與之間-->與之間-->自動還原到原處的可拖動層不還原到原處的可拖動層 提示：您可以先修改部分代碼再運行

有兩種常用的 add_action 鉤子可以載入 指令碼和CSS到WordPress：init： 確保始終為您的網站頭部載入指令碼和CSS（如果使用home.php，index.php或一個模板檔案），以及其他“前端”文章、頁面和模板樣式。wp_enqueue_scripts：“適當”的鉤子方法，並不總是有效，根據你的WordPress設定。載入外部 jQuery 庫和主題自訂的指令碼、樣式下面這個例子在 add_action 鉤子中使用

css教程選擇符包括通配選擇符、id選擇符、屬性選擇符、包含選擇符、類選擇符等，他們的基本格式為：　　　　通配選擇符：$("#id *") 表示該元素下的所有元素。　　　　id選擇符：$("#id") 表示獲得指定id的元素。　　　　屬性選擇符：$("input[type=text]") 表示type屬性為text的所有input元素。　　　　包含選擇符：$("ul li a")

 代碼如下複製代碼 <script type="text/javascript"> /* ################################################### * 說明：用 javascript 擷取頁面上有選擇符的 CSS 規則 * 包括'內部樣式塊'和'外部樣式表檔案' * 作者：Yanfu Xie [xieyanfu@yahoo.com.cn] * 網址：http://www.111cn.net * 日期：2

一、局部改變樣式 分為改變直接樣式，改變classname和改變css教程text三種。需要注意的是： 注意大小寫： 網頁特效對大小寫十分敏感，classname不能夠把“n”寫成“n”，csstext也不能夠把“t”寫成“t”，否則無法實現效果。 調用方法： 如果改變classname，則事先在樣式表中申明類，但調用時不要再跟style，像document.getelementbyid('obj')