CSS

這篇文章主要介紹了css中height和line-height區別,需要的朋友可以參考下line-height：行高 設定文字間上下距離 height：高度 就是定義一個層 或某樣東西的高度啦 也就是說line-height是特指單行高度，height可以為所有元素的高度 文字放大後邊緣會重疊？ line-height直白理解就是文字高度加上文字上下的空白地區，line-height最好不要設定單位，如果固定單位後，行高就是確定值。

這個是純CSS3實現的的10個不同的酷炫圖片遮罩層效果，可以欣賞一下執行個體代碼<!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">

如果用 position來布局頁面，父級元素的position 屬性必須為relative，而定位於父級內部某個位置的元素，最好用absolute，因為它不受父級元素的padding 的屬性影響，當然你也可以用 position，不過到時候計算的時候不要忘記 padding 的值。” 任何元素的預設position 的屬性值均是static,靜態。今天51RGB Q群186242343主要講relative（相對）以及absolute（絕對）。 【position:absolute】

　　在用CSS+p進行布局的時候，一直對position的四個屬性值relative,absolute,static,fixed分的不是很清楚，以致經常會出現讓人很鬱悶的結果。今天研究了一下，總算有所瞭解。在此總結一下：先看下各個屬性值的定義：1、static（靜態定位）：預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index

關於fixed屬性，在什麼情況下需要用，怎麼用，首先，我們應該先瞭解下fixed屬性的說明：fixed總是以body為定位時的對象，總是根據瀏覽器的視窗來進行元素的定位，通過"left"、 "top"、 "right"、 "bottom"

常常使用position用於層的絕對位置，比如我們讓一個層位於一個層內具體什麼位置，為即可使用position:absolute和position:relative實現。一、position文法與結構 position文法： position : static absolute relative position參數：static : 　無特殊定位，對象遵循HTML定位規則absolute :

目前幾乎所有主流的瀏覽器都支援position屬性（"inherit"除外，"inherit"不支援所有包括IE8和之前版本IE瀏覽器，IE9、IE10還沒測試過），以下是對position五個值的解釋：其中absolute和relative是最常用的，fixed用得也比較多（其中IE6並不支援fixed）。1、absolute（絕對位置）absolute是產生覺對定位的元素，脫離了文字資料流（即在文檔中已經不佔據位置），參照瀏覽器的左上方通過top,ri

本文綜合了：http://zhujiao.iteye.com/blog/1856980 和 http://blog.csdn.net/maikol/article/details/6048647 兩篇文章加入了自己的一些心得。Android的Margin和Padding跟Html的是一樣的。如所示：黃色部分為Padding，灰色部分為Margin。通俗的理解:Padding 為內邊框，指該控制項內部內容，如文本/圖片距離該控制項的邊距Margin

Border（畫邊框），它是CSS的一個屬性，用它可以給能確定範圍的HTML標記（如TD、p等等）畫邊框，可以給文本加邊框，給導覽功能表加分隔線，下面與大家分享個執行個體，感興趣的朋友可以瞭解下製作過網頁的人都有為畫線而煩惱的經曆，先來認識一下“Border”（畫邊框），它是CSS的一個屬性，用它可以給能確定範圍的HTML標記（如TD、p等等）畫邊框，它可以定義邊框線的類型、寬度和顏色，利用這個特性，可以製作一些特殊效果。下面把通過執行個體來說明其應用技巧。 1、給文本加邊框

文法： layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char || layout-grid-char-spacing參數： 該屬性是複合屬性。請參閱各參數對應的屬性。 說明： 設定或檢索複合文檔中指定文本字元版式的網格特性。以東亞語言（如中文，日文）編寫的文檔通常根據一維或二維網格使用字元的頁面版式。

文法： text-kashida-space : length參數： length : 　百分數。標示kashida膨脹與空格膨脹的比例。為100%，僅有kashida膨脹。為0%，僅有空格膨脹。預設值為0% 說明： 設定或檢索如何展開字元來調節文本行排列。它可以和text-justify屬性一起使用。 對應的指令碼特性為textKashidaSpace。請參閱我編寫的其他書目。 樣本： div { text-kashida-space : 50%; } 取值：length :　

處理網頁內的文本就會有各種的換行的情況發生，那麼頁面的元素在什麼樣的情況下進行換行操作呢？我們可以通過word-break 代碼來精確的控制這個換行。文法： word-break : normal | break-all | keep-all參數： normal : 　依照亞洲語言和非亞洲語言的文本規則，允許在字內換行break-all : 　該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本keep-all :

unicode-bidi設定與雙向演算法相關的嵌入文法： unicode-bidi : normal | bidi-override | embed參數： normal : 　對象不開啟附加的嵌入層，對於內聯要素，隱式重排序跨對象邊界進行工作embed : 　對象開啟附加的嵌入層，direction屬性的值指定嵌入層，在對象內部進行隱式重排序bidi-override : 　嚴格按照direction屬性的值重排序。忽略隱式雙向運算規則 說明：

CSS direction屬性簡單好記，屬性值少，相容性好，關鍵時候省心省力，是時候給大家宣傳宣傳，不要埋沒了人家的特殊技術。文法： direction : ltr | rtl | inherit參數： ltr : 　文字資料流從左至右rtl : 　文字資料流從右至左inherit : 　文字資料流的值不可繼承 說明： 用於設定文字資料流的方向。假如您想應用direction屬性於內聯文本，您必須設定unicode-bidi屬性為embed或bidi-override。

css 的writing-mode據說是為了中文，日文等方塊文字設計的，用來修改文字的書寫方向，通過這個屬性可以實現文字從右向左的布局，或者從上向下的布局。writing-mode使用.wrtmod{ margin:15px; padding:15px; border:1px solid #bababa; background:#f1f1f1; font-size:15px; writing-mode:vertical-rl; writing-mode:

dreamweaver狀態列的工具該怎麼使用？dreamweaver狀態列中有很多工具，這些工具有什麼作用，該怎麼使用呢？下面我們就來看看詳細的教程，需要的朋友可以參考下在dreamweaver當中有一個狀態列也是非常重要的，我們可以在這裡得到一些非常有用的工具，在對於網頁的設計與檢索中發揮出重要的作用。軟體名稱：Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解補丁)

text-decoration 定義和用法　　規定添加到文本的修飾。 注釋：修飾的顏色由 "color" 屬性設定。none : 　無裝飾blink : 　閃爍underline : 　底線line-through : 　貫穿線overline : 　上劃線說明： 檢索或設定對象中的文本的裝飾。有href特性的a，以及u，ins對象預設值為underline 。對象strike，s，del，預設值是line-through。沒有文本的對象此屬性不會作用。

屬性定義及使用說明字型簡寫屬性在一個聲明中設定所有字型屬性。可以設定的屬性是（按順序）：“font-style font-variant font-weight font-size / line-height font-family”字型大小和字型家庭的值是必需的。如果缺少了其他值，預設值將被插入，如果有預設值的話。css中font屬性問題，字型和行高 前面 先設定的是 font-size, 後面才是 line-height;剛剛在chrome測試了下 ，單獨寫 font:

什麼是樣式表CSS是Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用於（增強）控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。如何將樣式表加入您的網頁你可以用以下三種方式將樣式表加入您的網頁。而最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義但覆蓋重疊的定義。例外請參閱important聲明。鏈入外部樣式表檔案 (Linking to a Style

基於HTML5的應用現在已經非常廣泛，今天我們就來向大家分享20款非常絢麗的HTML5/CSS3應用外掛程式。希望大家喜歡並分享給你的好友們。1、HTML5視頻破碎重組特效 強大視覺衝擊HTML5視頻播放器很多，但是HTML5視頻特效還是很少見的，這款HTML5視頻破碎重組特效非常刺激，給人強大的視覺衝擊。點擊視頻任意地方，HTML5將會將這些地區擊碎，過一段時間，這些被擊碎的視頻片段又將自動重新組合。是一款非常不錯的HTML5視頻特效。線上示範 / 源碼下載2、HTML5 3D