CSS

<head runat="server">    <title></title>    <style type="text/css">        #btn1{ width: 330px;}        #btn2{width: 400px;}        #btn3{width: 100px;}    </style></head><body>    <form id="form1" runat="

Web網站可用性的關鍵計量是速度，更確切地說，是頁面能以多快的 速度出現在訪問者的瀏覽器視窗裡。影響速度的因素有很多種，包括Web伺服器的速度、訪問者的Internet串連情況，以及瀏覽器必須下載的檔案大小。 儘管你無法控制伺服器和串連的速度，但是你可以控制構成網站Web頁面的檔案大小。 為了讓網站能夠更快，Web的建設者都會按常規地壓縮和最佳化網站上的每一個影像檔，這常常使得為了將檔案的大小減少幾個百分點而犧牲了

1.為什麼使用語義化標籤   1.1、語義化標籤可以使人明白標籤的含義和作用；1.2.有利於搜尋引擎抓取進而有利於網站推廣;3.行動裝置的無障礙閱讀。 2.css最佳化的方法   2.1 合理使用簡寫;2.2 使用工具對css代碼進行最佳化壓縮; 2.3 對css代碼進行重用 ；2.4  謹慎使用後代選取器，因為後代選取器是css中最昂貴的選取器；   2.5不要使用標籤修飾；2.6 謹慎使用通用選取器，因為其要對所以的標籤進行初始化 ；2.7 類別選取器、ID選取器前不要加修飾符；   2.8

*******黃色背景部分是廢話，請忽略********話說公司加上我，一共才三個前端，我從業一年多，另外兩位估計都在4、5年以上，本以為可以跟他們學到些許什麼，不過經過一段時間的瞭解之後，才發現人浮於事，他們已經被時代甩了好幾條街。本以為三個人的前端可以做很多事，會有自己的工具，會有自己的思想，會有自己的風格，可惜組長······無奈啊。早前就提過辭職，礙於老大的面子，總算同意明年辭職，這段時間也一直想把自己的一些思考寫出來，但是又懶得動筆。上個星期告誡自己，不管寫些什麼，每天都來這裡寫一篇日

昨天據說是XXX什麼的月食，於是學習CSS3的時候也實現一個，全當練手。實現原理很簡單，用一個大圓覆蓋一個小圓···=。=·：用基於webkit的瀏覽器測試，需要其他的瀏覽器可以更改對應的首碼（-webkit，-moz，-o）示範地址：http://fronter.sinaapp.com/wp-content/demo/eclipse.html 最終效果： demo：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

前端開發並不難，但是要想做得優雅、健壯並不容易，使用一個好的前端架構能夠幫你很多忙。本文列舉了20個優秀的前端架構，供選擇使用。1. Twitter BootStrap （Apache

轉自:http://www.blueidea.com/tech/web/2011/8693.asp背景首先,我們有表格版面配置。當不考慮語義並且利用一些適當的嵌套和其他技巧,我們可以用table建立具有一定功能的布局。然後是現在大多數人都在使用的浮動布局。我們可以使用任何我們想用的元素,但浮動並不適用於初學者。表面上它看起來很基礎,但背後複雜的功能可以使經驗豐富的開發人員看著自己的螢幕不知所措。另外,浮動布局有一個缺點就是需要通過額外的元素清除浮動,或者更好一點,可以清除CSS浮動而不添加額外的

CSS hack：針對IE6，IE7，firefox顯示不同效果做網站時經常會用到，衡量一個DIV+CSS架構師的水平時，這個也很重要。區別不同瀏覽器的CSS hack寫法： 區別IE6與FF：         background:orange;*background:blue; 區別IE6與IE7：         background:green !important;background:blue; 區別IE7與FF：         background:orange;

關鍵字: css相容DOCTYPE 影響 CSS 處理FireFox: div 設定 margin-left, margin-right 為 auto 時已經置中, IE 不行FireFox: body 設定 text-align 時, div 需要設定 margin: auto(主要是 margin-left,margin-right) 方可置中FireFox: 設定 padding 後, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important

概述CSS濾鏡雖然只能在IE瀏覽器中表現出效果，但是仍不失為網頁增加特效的好辦法。1．CSS靜態濾鏡樣式 （filter）CSS靜態濾鏡樣式的使用方法：{ filter : filtername( parameters1, parameters2, ...) }Filter樣式 簡要說明 支援參數 alpha 設定圖片或文字的不透明度 opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strength

 jQuery使用手冊                                                  三：CSS操作      傳統javascript對css的操作相當繁瑣，比如<div id="a" style="background:blue">css</div>取它的background文法是

文法：STYLE="filter:filtername(fparameter1, fparameter2...)" （Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）濾鏡說明：Alpha：設定透明層次 blur：建立高速度移動效果，即模糊效果Chroma：製作專用顏色透明DropShadow：建立對象的固定影子FlipH：建立水平鏡像圖片FlipV：建立垂直鏡像圖片glow：加光輝在附近對象的邊外gray：把圖片灰階化invert：反色light：

當你在Word中編輯段落的時候,為了讓段落看上去美觀大方.你可以設定文字兩側對其,可以避免文欄位落一邊參差不齊的不好現象.如果你有一個HTML頁面或者其他類型的頁面,正在用DIV編輯一段文字.可能發愁怎麼讓文字兩端對其.其實CSS就很容易實現這一點:<p>左右對齊</p><div style="font-size:12px;width:200;text-align:justify; text-justify:inter-ideograph"> 1.      

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title><style type="text/css"> <!--* {margin:0; padding:0; font-size:12; list-style-

1、DIV CSS表單文本輸入的移動選擇：在文本輸入欄中，如果加入了提示，來訪者往往要用滑鼠選取後刪除，再輸入有用的資訊。其實只要加入 onMouseOver="this.focus()"onFocus="this.select()"代碼到<textarea>中，一切 就會變得簡單多了，如：引用： <textarea name=textarea  wrap=virtual ,rows=2,cols=22,  onMouseOver="this.focus()"onFocus="

一.使用css縮寫使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫文法總結》，這裡就不展開描述。二.明確定義單位，除非值為0忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100，但是在CSS中，你必須給一個準確的單位，比如：width:100px

　　95%的中國網站需要重寫CSS-寫在px和em的區別　　下很長一段時間，我都使用12px作為網站的主要字型大小。10px太小，眼睛很容易疲勞，14px雖容易看清，卻破壞頁面的美感。唯獨12px在審美和視力方面都恰到好處。　　誰對我的網站字型大小有意見？我老爸，他是第一個向我反映看不清我的網站文字的人。這使我意識到12px，其實只是讓我覺得很不錯而已，而對於那些視力下降明顯的中年以上的人來講，幾乎等於10px對於我的感覺。於是我告訴他，在“查看”裡調整“文字大小”就可以了。但是卻發現這是徒勞的

1.超連結訪問過後hover樣式就不出現的問題? 被點擊瀏覽過的超連結樣式不在具有hover和active了,解決方案是改變CSS屬性的排列順序: L-V-H-A 2.IE6的雙倍邊距BUG 例如:<style type="text/css">     body {margin:0}     div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } </style&

<SCRIPT LANGUAGE="JavaScript"><!--var isIE = false;var isFF = false;var isSa = false;if ((navigator.userAgent.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >=4))isIE = true;if(navigator.userAgent.indexOf("Firefox")>0

 body{       font-family: Arial,sans-serif;       color: #333333;       line-height: 1.166;              margin: 0px;       padding: 0px;}#masthead{       margin: 0;       padding: 10px 0px;       border-bottom: 1px solid #cccccc;       width: 100%;}