CSS

免費提供的Firebug對於Firefox來說是一個優秀的開發外掛程式。它是一個整合的用於監視和調試JavaScript、HTML和CSS的工具。下面我們就來看看Firebug的功能和優勢。 　　      Firebug概述　　Firebug非常有意思的一點是它與Firefox的緊密整合。你可以在瀏覽器裡或者在一個單獨的視窗裡開啟Firebug。如果在瀏覽器裡開啟，Firebug會被放在Web頁面的底部——一個能夠通過單獨選項卡或者視窗附在不同頁面上的單獨執行個體。　　介面上有四個（原文如此—

今天在看CSS的時候遇到了position: absolute、relative的問題，一直比較迷糊，今天終於搞清楚了。 CSS2.0 HandBook上的解釋： 設定此屬性值為 absolute 會將對象拖離出正常的文檔流絕對位置,而不考慮它周圍內容的布局。假如其他具有不同 z-index 屬性的對象已經佔據了給定的位置，他們之間不會相互影響，而會在同一位置層疊。TRBL屬性（TOP、RIGHT、BOTTOM、LEFT）當設定position:absolute

方案一：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>Demo</title> <style type="text/css"> #outer{ width:500px; height:200px; margin: 50px auto;

html{ color:#000; background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0}table{ border-collapse:collapse; border-spacing:0}fieldset,img{

文章目錄 11 種最流行的 CSS 架構為什麼要挑選 CSS 架構

CSS 之outline （輪廓）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。outline 屬性是一個簡寫屬性，用於設定元素周圍的輪廓線。注釋：輪廓線不會佔據空間，也不一定是矩形。這就可以了，就給點選連結加這個屬性   a:active{outline:none}可惜，IE下無效   再加一個  a:active {blr:expression(this.onFocus=this.blur());}沒錯，就是這樣了<style>a:active

IE vs FFCSS 相容要點：DOCTYPE 影響 CSS 處理FF: div 設定 margin-left, margin-right 為 auto 時已經置中, IE 不行FF: body 設定 text-align 時, div 需要設定 margin: auto(主要是 margin-left,margin-right) 方可置中FF: 設定 padding 後, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important 多設一個

轉自:http://www.blueidea.com/tech/web/2006/3469.asp 自動換行問題,正常字元的換行是比較合理的,而連續的數字和英文字元常常將容器撐大,挺讓人頭疼,下面介紹的是CSS如何?換行的方法對於div,p等區塊層級元素 正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義的寬度之後自動換行html<div

所謂“div+css”是網站標準（或稱“Web標準”）中常用的術語之一，通常為了說明與html網頁設計語言中的表格（table）定位方式的區別，因為xhtml網站設計標準中，不再使用表格定位技術，而是採用div+css的方式實現各種定位。div元素是用來為html文檔內大塊（block-level）的內容提供結構和背景的元素。div的起始標籤和結束標籤之間的所有內容都是用來構成這個塊的，其中所包含元素的特性由div標籤的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。css是英語Casc

在網站的首頁或者側邊欄輸出新聞條目的時候，經常會遇到文字溢出與截斷的問題。這個問題曾經困擾了我很久，最近又重新遇到，我本著“每天進步一點點”的態度，繼續改進方法，查閱文章，幾經測試，終於確定使用純CSS的方法解決這個問題。關於這個問題，我用編程的方式解決過，也用js攻克過，現在CSS的標準屬性和各瀏覽器私人屬性的發展給我們帶來重新解決這一問題的機會，我這樣做也算是一種新的嘗試吧。假定我要實現一組新聞條目的輸出，每個新聞標題後面附帶有新聞發表的日期，日期要完整顯示，但標題和日期的總長度超過一定數值

bug 描述 當 element 的 css  font-size:100% 此類百分比值的時候 我們將得到的是個錯誤的值  而這個值是什麼呢？ 也許大家猜到了。 是的 就是父容器的 clientWidth*這個百分比  之所以會這樣的原因是 因為 他的代碼如下:if(elem.currentStyle){//r=elem.currentStyle [ styleString];//取到相應css屬性的最終渲染值if ( !/^\d+(px)?$/i.test( ret ) &&

    <form id="Form1" runat="server" action="Index.aspx" method="post">    <div id="loginForm">        <table>            <tr>                <td>                </td>                <td>                    &l

註：本文轉自http://www.cnblogs.com/ccto/archive/2013/03/07/2948630.htmlIE大叔這嘴歪眼斜的毛病不是一天兩天了，集體拉出來測試時候，明明大家都在微笑，就丫一副呲牙咧嘴的......哎，沒辦法，誰讓咱國內市面上都是這種呲牙咧嘴的瀏覽器呢.....(關注IE678死亡速度)查閱，翻讀，摘抄，記錄，再逐一實踐，總結，終於對他這個臭毛病有了根源上的認識。hasLayout！先上定義：它是IE的特有屬性。它決定著一個元素要麼自己對自身的內容進行計算

position檢索對象的定位方式.取值:1.static預設值.無特殊定位,遵循HTML定位規則.注意:當position為static時,定義top,left,bottom,right是不起作用的.2.absolute將對象從文檔流中拖出,不再佔據元素在文檔中的正常位置.使用top,left,bottom,right等屬性相對於其最接近的一個有定位設定的父物件進行絕對位置.注意:a.相對於最接近的父物件;b.有定位設定的父物件.3.relative:對象不可層疊,而且元素佔據著元素自身原來的

      首先簡單講一下盒模式，所謂盒模式，是CSS看待元素的方式，CSS將每個單一的元素都看作一個盒子，如所示：       之所以叫它盒模式，是因為它跟我們日常生活中的盒子非常相似，這裡不多說了。CSS中大部分的屬性都是用來控制content的，比如width、height、color等；padding、border、margin都是可選的，其中，padding、margin表示的是一片空白地區，只能控制其大小，border是一個可見的邊框，可以控制其邊框樣式、粗細、顏色等。       

font:取值描述(字型樣式)caption正常 small-caption斜體.對於沒有斜體變數的特殊字型,將應用obliqueicon傾斜字型menu message-box status-bar 例子:例子效果 <span style="font:caption">Hello 中國!</span><br /> <span style="font:small-caption">Hello

 屬性描述備忘height檢索或設定對象的高度對象的實際高度=margin+border+padding+heightmax-height檢索或設定對象的最大高度,如果此屬性的值小於min-height屬性的值,將被自動轉設為min-height屬性的值 min-height設定或檢索對象的最小高度,如果此屬性的值大於max-height屬性的值,將會被自動轉設為max-height屬性的值 width檢索或設定對象的寬度對象的實際寬度=margin+border+padding+widthma

1.段落裡面(p標籤)不能嵌套div.2.Css:層疊式樣式檔，同一個標籤可以用多個樣式修飾。3.css種類：內聯式，嵌入式，外部，輸入。內聯：<p style="font-size:50px;color:red;background-color:green;text-decoration:underline">aaaaaaaaaaa</p>缺點：複用性差。嵌入： <style type="text/css">  <!--  p

Click on a color name, or a hex value, to see the color as the background color along with different text colors.點擊其中一個顏色名稱或者它的顏色數值，看看這些顏色成為背景色後與其他文字顏色的搭配。Color Name 顏色名稱Color HEX 十六進位值Color

　其實CSS滑動門這個概念早在幾年前就已經出現了，只是近來年被提得比較多而已。但是常常有人把它跟選項卡效果混淆在一起，特別是一些新手朋友，所以我在這裡寫篇詳解，希望能有所協助。　　說起來滑動門也不是什麼高深的技術，也只是CSS的一種手法罷了。它是利用背景映像的交迭以及相互滑動來實現一些效果。最常見的就是圓角的導航了，我們可以把一左一右兩個圓角背景想像成兩扇可以滑動的門，他們可以滑到一起並交迭以顯示較少的內容，也可以相互滑開以顯示較多的內容，就如所示： 在以往的一些教程中，都喜歡把背景圖切成一寬一