原创 內聯框架

<iframe src="http//baidu.com" scrolling="yes" width="78" height="78"> </iframe> 定義和用法 iframe 元素會創建包含另外一個文檔的內聯框架(即行內框架

原创 行內組合元素

定義和用法 <span> 標籤用於對文檔中的行內元素進行組合。 提示和註釋: 提示:請使用 span 元素對行內元素進行分組,以便通過樣式對它們進行格式化。 如果不對 span 應用樣式,那麼 span 元素中的文本與其他

原创 預格式化標籤

<pre> <h3>我應該獨佔一行<h3><a href="#">鏈接</a> <i>斜體文字</i> </pre> <pre></pre>元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現爲等

原创 backround

屬性 描述 background 簡寫屬性,作用是將背景屬性設置在一個聲明中 background-attachment 背景圖像是否固定或者隨着頁面的其餘部分滾動 background-color 設置元素的背景顏色 backgroun

原创 清除浮動

浮動會使當前標籤產生向上浮的效果,同時會影響到前後標籤、父級標籤的位置及 width height 屬性。而且同樣的代碼,在各種瀏覽器中顯示效果也有可能不相同,這樣讓清除浮動更難了。解決浮動引起的問題有多種方法,但有些方法在瀏覽器兼容性方

原创 ul 與 li 無序列表——觀察與練習

<ul> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ul> 1、ul 系統默認帶有上、下邊距,一般18px左右,設計時應考慮,對應去除的方法是添加 margin:0; 2、li 自帶列表符號

原创 css-hack

瀏覽器的兼容性——css-hack css-hack誕生背景: 由於不同瀏覽器所遵循的標準也有所不同,再加上不可避免的程序bug、經濟利益等因素的干擾。同樣的網頁代碼(HTML + CSS),在不同瀏覽器上的顯示效果卻略有不同,甚至大有不

原创 white-space 屬性

說明 設置或索對象內空格的處理方式; 對應的腳本性語言是whiteSpace。 語法 white-space:normal | pre| nowrap | pre-wrap | pre-line 默認值:normal( firefox下測

原创 解決ie6下position:absolute不兼容問題

<span style="font-family: Arial, Helvetica, sans-serif;"></span> body{9000px;} /*讓瀏覽器出現滾動條*/ .fixed{

原创 bootstrap樣式使用標準(轉)

語法    用兩個空格來代替製表符(tab) -- 這是唯一能保證在所有環境下獲得一致展現的方法。     爲選擇器分組時,將單獨的選擇器單獨放在一行。     爲了代碼的易讀性,在每個聲明塊的左花括號前添加一個空格。     聲明塊的右

原创 html結構

<!--必須位於第一行,指出這是用html5版本進行編寫的--> <!doctype html> <html> <!--head頭部,不在窗口顯示--> <head></head> <!--body主體,顯示區域--> <body></b

原创 <iframe>內聯框架

<iframe src="http//baidu.com" scrolling="yes" width="78" height="78"> </iframe> 定義和用法 iframe 元素會創建包含另外一個文檔的內聯框架(即行內框架

原创 <pre></pre>預格式化標籤

<pre> <h3>我應該獨佔一行<h3><a href="#">鏈接</a> <i>斜體文字</i> </pre> <pre></pre>元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現爲等

原创 <span>行內組合元素

定義和用法 <span> 標籤用於對文檔中的行內元素進行組合。 提示和註釋: 提示:請使用 span 元素對行內元素進行分組,以便通過樣式對它們進行格式化。 如果不對 span 應用樣式,那麼 span 元素中的文本與其他

原创 元信息meta

<head> <meta http-equiv="Content-Type content="text/html;charset=utf-8"/> </head> meta元信息錦集: 設置頁面關鍵字 <meta name="keywod