Time of Update: 2017-02-28
css|select HTML有標籤,CSS有選取器。選取器是給內部和外部樣式裡面的樣式命名。每個選取器都有屬性在{}裡面,比如簡單點像color,font-weight或background-color。值在冒號(不是等號)後面,分號分離屬性。body {font-size: 0.8em;color: navy;}上面的意思是為body選取器設定font-size字型大小和color字型顏色。所以基本的,當它作用與HTML頁面時,在body標籤(
Time of Update: 2017-02-28
css 有三種方法應用CSSIn-line 行內行內樣式是在html標籤裡直接使用style屬性<p style="color: red">text</p>設定段落文字紅色。但要記住,最後的HTML應該是獨立出來,使用表現文檔,所以行內樣式應該在任何地方避免。Internal 內部使用於整個頁面的植入內部樣式在head標籤裡面,style標籤包圍樣式。<!DOCTYPE html PUBLIC
Time of Update: 2017-02-28
css|文法 作者:阿捷 2005-4-8 15:28:00使用縮寫可以協助減少你CSS檔案的大小,更加容易閱讀。css縮寫的主要規則如下:顏色16進位的色彩值,如果每兩位的值相同,可以縮寫一半,例如:#000000可以縮寫為#000;#336699可以縮寫為#369;盒尺寸通常有下面四種書寫方法:property:value1; 表示所有邊都是一個值value1;property:value1 value2;
Time of Update: 2017-02-28
css 如果您使用過Word,那您一定知道Word中有一個“項目符號和編號”的功能。 在html中,您無需使用前面提到的一些字型、顏色、容器屬性來對字型、顏色和邊距、填充距等進行初始化。因為在CSS中,已經提供了進行分級的專用分級屬性。 分級屬性包括了“list-style”(列表樣式)、“list-item”(清單項目)等多種屬性,我們先來看一下分級屬性的詳細列表:
Time of Update: 2017-02-28
css 2、顏色和背景屬性 您總不希望自己的頁面處於黑白世界吧。如果給用<font>屬性定義的文本添上顏色是不是會更好呢? 下面我們就講一下CSS的顏色和背景屬性。先來看一下CSS下的顏色和背景都有哪些屬性吧(如下表):
Time of Update: 2017-02-28
css|規範|正常化 Web開發人員可以通過建立CSS類及id名稱並使用這些名稱來對divs以及其他的格式頁面元素進行標識。對開發人員來說,在命名重新定義XHTML標記(tags)的CSS selectors時,必須保證其與預定義的標記準確匹配,但就類以及id選取器名稱而言,則仁者見仁,智者見智。然而隨心所欲的為這些類以及id命名則並不是個好的習慣。 在閱讀了由Andy Clarke(of
Time of Update: 2017-02-28
css|技巧
Time of Update: 2017-02-28
css|區別 起因:前幾天在做一個圖片無間隙滾動的效果,要利用到一個隱藏的層。問題:之間複製以前文字滾動的效果代碼(文字滾動時無錯誤),結果發現頁面被拉長了一倍,也就是隱藏的層。解決:查CSS手冊後發現了隱藏內容原來是有區別的,一種是保留對象的物理空間,一種是不保留。-------------------------------display:noneCSS1 隱藏對象。與 visibility
Time of Update: 2017-02-28
css|設計|網頁|網頁設計|心得|中文 數月來學習web標準,並遵循標準設計和製作web頁面。一直想寫點什麼,整理一下自己的心得體會。寫這篇文章,主要是針對中文排版設計,英文排版因為很少做,所以不涉及。
Time of Update: 2017-02-28
css|技巧|網站重構|樣式表|最佳化 一、使用css縮寫 使用縮寫可以協助減少你CSS檔案的大小,更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫文法總結》,這裡就不展開描述。 二.明確定義單位,除非值為0 忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100,但是在CSS中,你必須給一個準確的單位,比如:width:100px
Time of Update: 2017-02-28
css|濾鏡 當對一個對象使用“Glow”屬性後,這個對象的邊緣就會產生類似發光的效果。它的運算式如下: Filter:Glow(Color=color,Strength=strength) Glow屬性的參數只有兩個:Color是指定發光的顏色,Strength指定發光的強度,參數值從1到255。 讓我們先來看一下加上Glow屬性的效果圖: 怎麼樣,是不是有一種燃燒的火焰的感覺。實現這種效果的代碼如下: <html>
Time of Update: 2017-02-28
css|express|對象|控制 問題說明: 用過css樣式我們就知道, 可以定義一批對象的class屬性來指定同一個樣式來統一介面. 但如何統一同類型的對象的事件? 比如:介面有無數個 <img src="http://edu.cnzz.cn/NewsInfo/**.jpg"> 如何?滑鼠經過此圖片, 圖片的src變成是**_over.jpg? 解決方案:
Time of Update: 2017-02-28
author: Dejan Cancarevic come from:http://stylizedweb.com/2008/02/14/10-best-css-hacks/轉自國外網站,本想翻譯成中文,但是細看文章實在是簡單,如果看不懂這個,我想也就沒必要繼續做前端了。If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML
Time of Update: 2017-02-28
css|文法 1、display功能:改變元素的顯示值,可以將元素類型線上,塊和清單項目相互變換。數值:none - 不顯示元素block - 塊顯示,在元素前後設定分行符inline - 刪除元素前後的分行符,使其併入其它元素流中list-item - 將元素設定為清單中的一行說明:可用 display 屬性值產生插入標題和補加清單或讓圖形變成線上顯示。 2、white-space功能:控制元素內的空白。數值:normal -
Time of Update: 2017-02-28
css|文法 1、color功能:設定前景或元素的顏色。數值:使用顏色關鍵字或RGB值。例子:文本顏色(關鍵字)文本顏色(#rrggbb)文本顏色[rgb(rr,gg,bb)]文本顏色[rgb(r%,g%,b%)]2、background-color功能:設定頁面或頁面元素的背景顏色。數值:顏色 - 可用顏色名或RGB值transparent - 透明,使頁面背景為預設背景。例子:
Time of Update: 2017-02-28
css|文法 三、框邊界屬性1、margin-bottommargin-leftmargin-rightmargin-top功能:這四個屬性用來設定元素與其相鄰元素間的距離,可以用長度或相對於其父文本的寬度的百分比來定義,也可以自動處理。數值:長度 - 設定元素相應邊與框邊緣之間的相對或絕對距離,有效單位為:mm, cm, in, px, pt, pica,ex, em ...百分比 - 以父元素寬度的百分比設定邊界尺寸。auto -
Time of Update: 2017-02-28
css|文法 一、框填充屬性1、padding-bottompadding-leftpadding-toppadding-right功能:毎個容器都有邊框,這些屬性設定邊框與框內元素間的距離。數值:長度 - 設定相對或絕對值。在數字後指定度量單位如下:mm, cm, in, pt, px, pc, ex, em。em 和 ex 設定產生相對於父字型的字型尺寸。百分比 -
Time of Update: 2017-02-28
css|文法 1、letter-spacing功能:控制文本元素字母間的間距,所設定的距離適用於整個元素。數值:normal - 正常間距,將字元間的間距複位為所有字型和字型大小的正常間距。長度 - 設定字間距長度,正值表示加進父元素中繼承的正常長度,負值則減去正常長度。在數字後指定度量單位如下:mm, cm, in, pt(點數), px(象素), pc(pica), ex(小寫字母x的高度),
Time of Update: 2017-02-28
css|文法 1、font-family功能:用於改變HTML標誌或元素的字型,你可設定一個可用字型清單。瀏覽器由前向後選用字型。文法:{font-family:字型1,字型2, ... ,字型n}例子:字型2、font-style功能:使文本顯示為扁斜體或斜體等表示強調 。數值:normal - 正常italic - 斜體oblique - 偏斜體例子:NormalItalicOblique
Time of Update: 2017-02-28
css 之前看到很多人一直都問這個問題,不過當時我沒當一回事,因為在 CSS 中要垂直置中,多數是在有高度的情況下,或者容器高度不定的情況下才用,看上去比較舒服,而且實現的方法也不少,不一定要拘泥於和 table 布局一樣。不過最近有人問了幾個例子,看來對此的需求還不少。現在就把我經驗拿出來分享一下,希望大家鼓鼓掌。首先,要有一個概念:凡是 table 布局可以實現的,CSS 一定可以實現。CSS 可以實現的,table