Time of Update: 2018-12-07
Css Reset是什麼? 有些同行叫 "css複位",有些可能叫 "預設css".....相信看完全文您會對Css Reset有個重新的認識原文地址:http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/PS:*{ padding:0; margin:0; } 這就是最常用的Css
Time of Update: 2018-12-07
發現很多朋友對 CSS 的優先權不甚瞭解,規則很簡單。需要說明的一點,如果你的樣式管理需要深層判斷 CSS 的優先權,更應反思自己的 CSS 代碼,是否合理?是否最佳化?CSS2.1 中規定了關於 CSS 規則 Specificity(特異性)的計算方式,用一個四位的數字串(註:CSS2 中是用三位)來表示,最後以 Specificity 的高低判斷 CSS 的優先權。Specificity 具體的計算規則:元素的 style 樣式屬性,加 1,0,0,0。 每個 ID 選擇符(#id),
Time of Update: 2018-12-07
em是何物?em指字型高,任意瀏覽器的預設字型高都是16px。所以未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em, 10px=0.625em。為了簡化font-size的換算,需要在css中的body選取器中聲明Font-size=62.5%,這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10,然後換上em作為單位就行了。em有如下特點:1. em的值並不是固定的;2.
Time of Update: 2018-12-07
在寫CSS的時候,經常為一些名字而發愁,比如說菜單後面的背景要用什麼詞來表示呢?大家都知道,菜單一般用menu來表示,那麼菜單後面的背景我會用menubg,CSS裡就寫#menubg {…}。還有一些其他的比如搜尋方塊之類的應該怎麼命名呢?下面有一些可以算得上是標準的命名吧。如果有錯誤或者遺漏請朋友們幫忙補上,謝謝![Copy to clipboard]CODE:頁頭:header登入條:loginbar標誌:logo側欄:sidebar廣告:banner導航:nav子導航:subnav菜單:
Time of Update: 2018-12-07
步入xhtml標準時代,CSS已經是不可或缺的東西了。有效縮小CSS檔案的體積可以讓你的網站速度得到絕對的速度的提升。CSS縮寫性質的列表以及它們所表示的常規性質。Background(背景):背景附件、背景顏色、背景映像、背景位置、背景重複Border(邊框):邊框顏色、邊框風格、邊框寬度border-bottom(底部邊框):底部邊框顏色、底部邊框樣式、底部邊框寬度border-left(左側邊框):左側邊框顏色、左側邊框樣式、左側邊框寬度border-right(右側邊框):右側邊框顏色、
Time of Update: 2018-12-07
YUI Compressor是Yahoo!開發的一個專門用於壓縮JavaScript和CSS檔案的小工具,作業系統中需要jdk環境的支援。所有要使用這個小工具,得先安裝jdk,然後配置JAVA_HOME的環境變數。 jdk的:http://www.oracle.com/technetwork/java/javase/downloads/jdk6-jsp-136632.html
Time of Update: 2018-12-07
說到css中的font-family,相信很多朋友經常用,但不知道當你遇到引用中文字型的時候你會怎麼寫?最近特別關注了下,發現最常用的基本有三種類型:1、直接中文;2、英文形式;3、unicode碼;前面兩種形式很好理解,unicode碼是什麼意思呢?下面看基本定義:Unicode(統一碼、萬國碼、單一碼)是一種在電腦上使用的字元編碼。它為每種語言中的每個字元設定了統一併且唯一的二進位編碼,以滿足跨語言、跨平台進行文本轉換、處理的要求。更多內容請查看百度百科對Unicode的介紹。介紹完方案,再
Time of Update: 2018-12-07
本文將講述HTML和CSS的關鍵—盒子模型(Box model). 理解Box model的關鍵便是margin和padding屬性, 而正確理解這兩個屬性也是學慣用css布局的關鍵.注: 為什麼不翻譯margin和padding? 原因一, 在漢語中並沒有與之相對應的詞語; 原因二: 即使有這樣的詞語, 由於在編寫css代碼時, 必須使用margin和padding, 如果我們總用漢語詞語代替其來解釋的話, 到了實際應用時容易混淆margin和padding的概念.如果有一點Html基礎的話,
Time of Update: 2018-12-07
整理檔案時翻出一個好久前做的泡泡屏保的特效,純JS+CSS做的。回想了下,是去年年初時看見XP下那個流行的泡泡屏保,突然想移植到JS版本來。但有做著才發現有不少麻煩的問題解決不好,於是沒繼續。 DEMO: http://www.etherdream.com/funnyscript/bubbles/
Time of Update: 2018-12-07
無聊弄了一個的微博的應用,可惜審核不通過,無法進入應用列表…… (其實微博真的可以改變很多東西,做很多事情。) 其實這事情完全利用 http://ganquan.info/yui/?hl=zh-CN 的API 此工具面向站長和程式員處理和最佳化代碼。JavaScript 代碼可使用如下壓縮 : YUI Compressor 、UglifyJS 、Closure Compiler。CSS 代碼只使用 : YUI Compressor
Time of Update: 2018-12-07
根據國務院檔案,5.19-5.21為全國哀悼日,在此期間,全國和各駐外機構下半旗誌哀,停止公用娛樂活動,外交部和我國駐外使領館設立弔唁簿。5月19日14時28分起,全國人民默哀3分鐘,屆時汽車、火車、艦船鳴笛,防空警報鳴響。 很多草根網站都將整站換成素裝。並建議中國所有網站更換為素裝。 國務院決定5月19日至21日為全國哀悼日 ——————————————————————————為方便網站哀悼,特提供css濾鏡代碼,以表哀悼。以下為全站CSS代碼。複製內容到剪貼簿代碼:html {
Time of Update: 2018-12-07
感覺很有圖片的感覺,所以放在這裡: pre {font-family:微軟雅黑;width:420px;border:3px solid red;/*for IE*/filter : progid:DXImageTransform.Microsoft.Matrix(SizingMethod="auto expand",M11=1,M12=-0.4,M21=0.4,M22=1);/*for firefox*/-moz-transform:translate(100px)
Time of Update: 2018-12-07
今天在google reader上看到一篇博文,然後在問了組裡的幾位同事之後才發現自己曾經一直對css selector的理解存在著誤區。據說老外的文章中很早就提到了關於css selector是優先順序演算法,只是到了國內被部分人員翻譯之後,誤解了其中的含義,導致現在很多人以為css選擇符的優先順序運算是將ID名、類名等等全部相加後做比較的。這篇博文命名為《CSS
Time of Update: 2018-12-07
經常有人遇到ASP.NET 2.0(ASP.NET
Time of Update: 2018-12-07
框邊框的屬性(預設沒有樣式) border-top 設定上邊框的屬性 border-bottom 設定下邊框的屬性 border-right 設定右邊框的屬性 border-left 設定左邊框的屬性 border-width 可選值(thin,medium,thick或指定長度) border-style 同上 bo
Time of Update: 2018-12-07
做過前台設定的都知道css存在兩種盒模型,W3C標準的方塊模型和IE瀏覽器的方塊模型。除IE以外的大多數瀏覽器只支援W3C方塊模型。IE瀏覽器能夠根據頁面的呈現模式的定義而是用對性的方框模式。已用哪中呈現的模式取決於頁面上的DOCTYPE的聲明。如果頁麵包含有效DOCTYPE聲明,則以strict 模式呈現。如果頁面沒有DOCTYPE聲明或沒有有效DOCTYPE聲明,則以相容模式呈現。下面將一個兩種模式的區別,兩種呈現模式的主要差別是對元素width和height樣式的計算上。如下面的樣式{
Time of Update: 2018-12-07
在幫朋友弄網站的時候遇到這個問題。解決辦法:參考:利用css縮放圖片(這個再IE6運行時竟然出現類似於死迴圈,跟下面的差別是一個用auto,一個用this.width)
Time of Update: 2018-12-07
在中國,很多前端開發初學者都會把xHTML+CSS頁面製作說成DIV+CSS,甚至很多人都還不知道xHTML+CSS是什麼意思,只知道盲目的追求DIV+CSS,但在國外,是沒有DIV+CSS這個概念的,很明顯如果單從字面上去理解,DIV+CSS的網頁就要全都是 div,很明顯是無法達到語義化標準的。在國外xHTML+CSS(DIV+CSS)也可以叫做PSD2XHTML。以下是43個PSD to XHTML及CSS教程:1.將 PSD 源檔案轉換 XHTML 教程
Time of Update: 2018-12-07
CSS 文法 http://www.w3school.com.cn1.CSS 文法由三部分構成:選取器、屬性和值:selector {property: value}(1)選取器 (selector) 通常是你希望定義的 HTML 元素或標籤,屬性 (property) 是你希望改變的屬性,並且每個屬性都有一個值。屬性和值被冒號分開,並由花括弧包圍,這樣就組成了一個完整的樣式聲明(declaration):body {color: blue}上面這行代碼的作用是將 body
Time of Update: 2018-12-07
CSS 框模型 (Box Model) 規定了元素框處理元素內容、內邊距、邊框 和 外邊距 的方式。 1.CSS 框模型概述元素框的最內部分是實際的內容,直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距,外邊距預設是透明的,因此不會遮擋其後的任何元素。 內邊距、邊框和外邊距都是可選的,預設值是零。但是,許多元素將由使用者代理程式樣式表設定外邊距和內邊距。可以通過將元素的 margin 和 padding