CSS

這裡引用的是Jorux的“95%的中國網站需要重寫CSS”的文章，題目有點嚇人，但是確實是現在國內網頁製作方面的一些缺陷。我一直也搞不清楚px與em之間的關係和特點，看過以後確實收穫很大。平時都是用px來定義字型，所以無法用瀏覽器字型放大的功能，而國外大多數網站都可以在IE下使用。因為1、IE無法調整那些使用px作為單位的字型大小；2、國外的大部分網站能夠調整的原因在於其使用了em作為字型單位；3、Firefox能夠調整px和em，但是96%以上的中國網民使用IE瀏覽器(或核心)。px像素（Pi

因FF預設字型就是微軟雅黑，而且瀏覽器預設設定忽視了css中的字型定義。所以，如果你在CSS中指定的不是雅黑的字型，兩個瀏覽器的樣式絕對會不一樣的[前提是你沒有改變FF瀏覽器的預設設定，使它可以隨css定義的字型]。其他總結一下：1.P標籤在IE和FF中，不僅margin和padding預設的不一樣，line-height的解釋也不同，盡量line-height設定成實際像素。2.將DreamWeaver中的靜態HTML頁面，複製到.aspx頁面時，一定要注意編碼格式，這裡面很可能要使你原來做好

拋掉對 IE/Mac 的支援之後，新的清除浮動方法：/* new clearfix */.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}* html .clearfix             { zoom: 1; } /* IE6 */*:first-child+html .clearfix { zoom: 1; } /* IE7

擅長CSS的Web開發人員不僅可以從視覺上複製實物原型，還可以用代碼進行完美的呈現。無需使用表格、儘可能少的使用圖片。如果你是個名副其實的高手，你可以快速把最新和最偉大的技術應用到你的項目中，比如媒體查詢、過渡、濾鏡、轉換等。雖然這些都是一個真正的CSS高手所具備的，但CSS很少被人單獨拿出來討論，或者用它去評估某個人的技能。有趣的是，我們很少這樣去評價其他語言。Rails開發人員並不會因為其代碼比較規範，就認為他是一名優秀的開發人員。這僅僅是個基準。當然，他的代碼得必須規範。另外，還需集合其他

在進行頁面的DIV+CSS排版時，遇到IE6（當然有時Firefox下也會偶遇）瀏覽器中的圖片元素img下出現多餘空白的問題絕對是常見的對於該問題的解決方案也是“見機行事”，根據原因的不同要用不同的解決方案，這裡把解決直接把解決image圖片布局下邊的多餘空隙的BUG的常用方法歸納，供大家參考。方法整理來源於萬福的網路。1、將圖片轉換為塊級對象即，設定img為：display:block;在本例中添加一組CSS代碼：#sub img

8.固定式頁面腳在網頁裡添加固定的頁尾其實非常簡單，並且也很實用。有些網站的頁尾設計得很漂亮，可以給網站呈現出一個完美的結尾。#footer {     position: fixed;     left: 0px;     bottom: 0px;     height: 30px;     width: 100%;     background: #444; } /* IE 6 */* html #footer {     position: absolute;     top:

CSS簡寫就是指將多行的CSS屬性聲明化成一行，又稱為CSS代碼最佳化。CSS簡寫的最大好處就是能夠顯著減少CSS檔案的大小，其實還有很多其他益處。臃腫而雜亂的CSS樣式表會使你遇到問題是難以調試。尤其是當一個團隊在進行設計的時候，你的臃腫的CSS代碼會使你的團隊其他成員的工作效率下降。　　今天，暴風彬彬整理了一些CSS簡寫技巧，它們其實是CSS最常用的寫法，但是太多的人使用Dreamweaver這種所見即所得

.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}.clearfix{display:inline-block;}/* Hide from IE Mac */.clearfix{display:block;}/* End hide from IE Mac *//* end of clearfix */ 例子：<div

文章目錄 -webkit-mask-webkit-text-stroke-webkit-nbsp-mode-webkit-tap-highlight-colorzoom: reset-webkit-margin-collapse-webkit-box-reflect-webkit-marqueefont-size-adjustimage-rendering-moz-border-top-colors-webkit-user-select 和 -moz-user-

你也許已經掌握了id、class、後台選取器這些基本的css選取器。但這遠遠不是css的全部。下面向大家系統的解析css中30個最常用的選取器，包括我們最頭痛的瀏覽器安全色性問題。掌握了它們，才能真正領略css的巨大靈活性。1. ** { margin: 0; padding: 0; }星狀選擇符會在頁面上的每一個元素上起作用。web設計者經常用它將頁面中所有元素的margin和padding設定為0。 *選擇符也可以在子選取器中使用。#container * {

今天做了一個專題頁，應用到了css的特殊性和繼承。其實疊層樣式就是通過繼承和特殊性來實現的。代碼邏輯結構如下：div.content>(div.bgb.con1+div.bgb.con2) 解釋：1.設計圖是一個年貨專場，分為自提商品和快遞商品兩塊。代碼中用con1和con2來表示。自提商品和快遞商品塊中都有背景。2.公司專題頁有專門的模板，專題中的商品背景都是白色的。3.設計圖中給出一個固定高度的漸層背景。但是在自提和快遞容器中存放的商品個數是不確定的。給出的解決方案是：1.將一整個漸層

一、語義化的html標記的好處：1.對人來說容易處理，對機器（搜尋引擎）來說容易理解。2.可以直接對元素設定樣式，不需要添加其他標識符，可以有效避免代碼膨脹。二、h4是文檔標記語言創造的，而不是介面語言，沒有更多的語義化元素。現在給元素語義化主要有兩種方式：1.使用h5標記（h5中有header，section，article，footer，nav等語義化標記）。2.使用class和id來給現有元素賦語義。注意：1.用id和class為元素命名應該根據他們是什麼，而不是根據他們的外觀如何來命名，

HTML重點在於描述結構,其特點就是用<和>定義標籤,這和XML非常相似,所以HTML注釋用<!--和-->也是符合這一特點的。CSS則是用於定義樣式,特點是{和}的使用,從這點上來看非常像C或是JS,所以用/*和*/來作為注釋也就不會很奇怪了。JS中可以用//注釋，也可以用/*和*/注釋。HTML注釋<!--注釋的內容-->定義和用法注釋標籤用來在來源文件中插入注釋。注釋會被瀏覽器忽略。您可使用注釋對您的代碼進行解釋，這樣做有助於您在以後的時間對代碼的編輯。

web前端，我們可以把它理解成瀏覽器端。從這種意義上來講，開發人員日常工作跟瀏覽器關係是相對緊密的；我們今天要探討的問題，就是關於瀏覽器中的另類（當然開發人員是這麼認為的）—IE 對CSS解釋和渲染上的一些bug，以及對這些bug的解決方案。當然你會說，ie的CSS

想給IE6，7，8加上圓角效果:1.圖片背景（最實用），2.下面將的方法（我試了一下，效果不好。）如果要想在IE瀏覽器中實現圓角的效果，我們一般都會採用圓角圖片的方式。用圖片的話，基本就跟瀏覽器沒有多大關係了，因為任何瀏覽器都支援這種方式。今天我們主要是講解如果用CSS3樣式表來實現圓角效果，值得注意的是，IE6/7/8這三個IE瀏覽器版本都不支援CSS3的解析，只有還不太主流的IE9支援CSS3和HTML5的標準。讓IE支援CSS3的解析方法有很多種，（讓IE瀏覽器支援HTML5標準的方法）下

1.權重最高是直接在元素後面加 !important .2.來源的權重：讀者重要聲明：!important創作人員重要聲明：!important創作人員正常聲明讀者正常聲明使用者代理程式3.選取器的特殊性：內聯樣式：1.0.0.0ID屬性值：0.1.0.0class，偽類，屬性選取器：0.0.1.0元素，為元素：0.0.0.1萬用字元選取器*，非css表現提示（font）：0.0.0.0結合符，繼承值：0.0.0.-1 

Flex2開發項目中經常需要驗證使用者輸入，Flex2自身為我們提供豐富的組件。下面的例子我們實現了如下一些特性：1)資料集中驗證2)定位游標到第一個驗證失敗的位置3)錯誤提示中中文顯示的CSS<?xml version="1.0"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="*" creationComplete="initValidatorArray();" width="4

做網站的朋友都知道，由於各瀏覽器核心不一樣，即使IE的不同版本顯示也不一樣，所以同一頁面在各個瀏覽器中顯示效果不相同，所以要想測試一個網頁 很麻煩，需要安裝多個瀏覽器，但IE瀏覽器不能共存，只能裝一個版本，這樣一來，要麼用虛擬機器的辦法解決，要麼安裝綠色版本，如IEtester等。但安 裝虛擬機器太麻煩，綠色版又容易出問題，筆者以前裝過，結果造成本身的IE瀏覽器出錯不能訪問。所以今天在這兒給大推薦一個通過網頁開啟的多瀏覽器，網址

      內聯級元素(inline-level element)中試圖插入塊級(block-level element)元素。這樣做是不允許的。唯一的能在內嵌元素中插入區塊層級元素的例外是object標籤。那麼什麼是內聯級元素(inline-level element)和塊級(block-level element)元素呢？。       塊元素(block

 1.CLASS和ID的優先順序比較.<!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 content="text/html; charset=utf-8"