CSS

1.         回顧上一篇文章，將webconfig中的設定介紹了下，為我們在擷取資料處理的時候，打好了紮實的基礎，現在我們我們來詳細講講“RemoteCallHandler”這個類。2.        

優先權問題其實就是一個衝突解決的問題，當同一個元素(或內容)被CSS選擇符選中時，就要按照優先權取捨不同的CSS規則，這其中涉及到的問題其實很多。  首先就是CSS規則的specificity(特殊性)，CSS2.1有一套關於specificity的計算方式，用一個四位的數字串(CSS2是三位)來表示，最終specificity越高的規則越特殊，在優先順序判定時也就越有優勢。關於specificity的具體計算在各種情況下的數字加成有如下一般規則：每個ID選擇符(#someid)，加 0,1,0

經過不斷改進，現在這個風格，個人感覺還是比較滿意的。下面把心得和方法貼出來，供以後查看，或其他新手查看。（由於本人是第一次弄關於CSS的東西，所以肯定很粗淺，高手就僅當娛樂，或直接繞道吧。） 從整體結構層次上：首先，部落格園有一套頂級的CSS樣式，然後，選擇了一個模板的CSS樣式。這個模板繼承了部落格園的CSS樣式，然後重寫其中的一些類，達到模板的風格效果。最後，在模板CSS樣式的基礎上，我們自己在重寫一些類，達到自己想要的效果。自己寫的代碼就貼在（通過CSS定製頁面風格）裡面。跟C++裡面的繼

文章目錄 一個選取器，多種用法 id 選取器id 選取器可以為標有特定 id 的 HTML 元素指定特定的樣式。id 選取器以 "#" 來定義。下面的兩個 id 選取器，第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：#red {color:red;}#green {color:green;}下面的 HTML 程式碼中，id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p

做項目多了。慢慢體會到的是：依據合理的語義化，恰當的文檔流，正確的標準化所生產出來的頁面，在各個公司出品的標準渲染的瀏覽器下，一般是不需要有太多的hack來解決相容性的問題。同樣也包括不那麼特別標準的IE

CSS半透明濾鏡在FIREFOX和IE下面的能夠通用的寫法，記錄下來備用： CSS代碼.test{      background:#000;      color:white;      width:200px;      position:absolute;      left:10px;      top:10px;       filter: Alpha(opacity=10);       -moz-opacity:.1;       opacity:0.1;    }  

文章目錄 Fahrner Image Replacement (FIR)Phark 的方法Gilder/Levin 的方法 摘要: 不論是對瀏覽者還是對搜尋引擎，文字都是最佳的頁面內容展示方式，但是，由於字型等原因的限制，純文字的展示漸漸無法滿足愛美的設計師的要求。於是，出現了通過 CSS 來實現用圖片替換文字的方法，這種方式既能實現頁面上各種豐富的效果，又能滿足搜尋引擎最佳化的需要。因此，深受網頁設計師的喜愛。

1 先定義個JS：<script type="text/javascript">function toggleMenu(id){element = document.getElementById(id);element.className = (element.className.toLowerCase() == 'expanded'?'collapsed':'expanded');}onload = function() {//自動載入閉合狀態toggleMenu('submenu

在html中,引入css的方法主要有行內式、內嵌式、匯入式和連結式4種1。行內式    即在標記的style屬性中設定css樣式，這種方式本質上沒體現出css的優勢，因此不推薦使用。2。嵌入式   在對頁面中各種元素的設定集中寫在<head>和</head>之間的，對於單個頁面來說，這種方式很方便3。匯入式   匯入式格式如下：   <style type="text/css">        @import "mystyle.css"; 

作者：易水寒　　【IT168 實用技巧】隨著網頁標準化觀念深入人心，越來越多的網站採用了CSS架構。CSS架構的網頁不但符合W3C標準，並且還非常美觀。標準化網頁從漂亮的CSS菜單開始，如果你還在猶豫，那麼請看看下面這些CSS菜單示範吧，1、圖2： 　　點擊下載CSS Tab Designer圖1 CSS導航效果圖2 CSS導航效果   

以前看過分析家寫過一篇文章，介紹跨站指令碼的安全隱患，當時只是知道有這樣的 問題，也沒有仔細閱讀，目前此類問題經常在一些安全網站發布，偶剛好看到這樣一篇文章 ， 抱著知道總比不知道好的想法，翻譯整理了一下，原文在偶首頁的collection目錄裡，錯誤 之處請 多多指點。 OK，go............ 什麼是跨站指令碼(CSS/XSS)? 我們所說跨站指令碼是指在遠程WEB頁面的html代碼中插入的具有惡意目的的資料，使用者認為該

　　近期做的一個項目，該項目需要輸出的資料很多，在表格中需要產生各種類型的資料，遇到了一個讓人頭疼的問題：長英文字串的換行。找了不少資料，最終使用了word-wrap、table-layout各自的一個屬性值，並結合項目實際的情況，做了一些相容性處理，解決該問題，並在團隊中做了一次分享，希望可以給大家帶來協助，提升對css長英文或者長欄位換行的認識。長英文或者長欄位換行寫法總結如下:　　需要瞭解的3個屬性　　1.word-wrap:break-word  詞內換行

瀏覽器的相容性一直是個頭疼的問題，使用“欺騙”技術可使各個瀏覽器效果一致，花了些時間整理了各個瀏覽器的HACK，主要包括IE系列和最新版本的Chrome、Safari、Firefox、 Opera，比較全面的記錄下Hack，內容包括3部分：@ hack、屬性Hack、選取器Hack，這些Hack已經測試並得到有效運用，有需要的同學可以放心使用，筆者會在以後不斷的更新，如果有需要補充或者修改的，歡迎大家指教！以下代碼之間的空格是必要的，缺少空格導致失效/*---------------------

前言我們很小的時候什麼都不知道，於是什麼都會是別人對我們解釋，也許是父母，也許是師長，但是隨著年齡的增大，我們會逐步形成自己的世界觀，並且當我們有小孩時候，他會問我們很多問題，我們會為他解答，那麼我們的答案有何而來呢？我們的答案來自我們自己的世界，來自我們自己形成的世界觀！我們初學CSS時候什麼也不知道，於是我們從書上、部落格上擷取了很多知識，那麼我們是不是也應該形成自己的世界觀呢？我們碰到的問題是不是都可以用我們形成的世界觀解釋呢？以上是我最近思考的問題，我覺得我們有必要形成自己的世界觀了，形

Css樣式table { border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin-bottom:14px; border-collapse:collapse;}td { border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:26px; padding:0 3px 0 5px; }td.label { background:#f1f1f1;

簡單利用CSS進行導航定位。這是我使用最方便的了。一直沒找著好的方法。<style>#menu{ clear:both; width:100%; height:64px; background:url(images/menu_bg.jpg) repeat-x;}#menu-bg{ width:755px; margin:auto; height:64px; padding-left:124px;

1.結構清晰 分離頁面的表現與結構，我們可以構建一個div+css+js檔案的做到表現、結構、行為分離，這樣做的話就像我們做程式用到的那種mvc模式一樣，好處就是耦合性更小，更易維護。因為代碼少，結構清晰。 2.速度    速度的優勢分兩點考慮 佔用頻寬 <div></div> 至少要比<table><tr><td></td></tr></table>要少寫很多代碼

Css提供了許多功能強大的濾鏡，給我們提供了非常便利的條件。其 分為介面濾鏡（Procedural Surfaces)靜態濾鏡(Static filters)和轉換濾鏡(Transitions)，大夥先熟悉一下轉換濾鏡，其它兩個過些日子再說，呵呵~~————————————————————————————註：除了RevealTrans和BlendTrans外，其餘的須在IE5.5+下才可正確運行！barn濾鏡屬性：duration :

1.ie8下相容問題，這個最好處理，轉化成ie7相容就可以。在頭部加如下一段代碼，然後只要在IE7下相容了，IE8下面也就相容了<meta http-equiv="x-ua-compatible" content="ie=7" />2.flaot浮動造成IE6下面雙倍邊距問題，這個最常見，也最好處理，!important解決，比如margin-left:10px

下面是代碼,用DIV來做,易於實現<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>DIV 製作捲軸</title>