CSS

   1。簡單的方法，不管不顧，直接這樣就可以： document.createStyleSheet().cssText = '標籤{color:red;' +// 這個注釋只在當前JS中協助理解，並不會寫入CSS中'width:300px;height:150px}' +'.類名{……}' +'#ID們{……}'; //完活。我喜歡分號這樣寫，和指令書寫的起始位置對齊比較好一點，尤其是後面有其它語句的時候。 

本次課為系列課程的第二課，由舒克帶來的“HTML/CSS/JavaScript”基礎知識，課程中著重介紹了HTML的語義化，因為語義化是前端工程師最容易理解又最難掌握的，比如何時使用什麼樣的標籤，這取決於前端工程師對標籤和頁面內容的理解。要注意頻道首頁和詳情頁是不同的，頻道首頁中的資訊比較瑣碎，詳情頁中的內容更像“文章”，因此內容的語義是有差別的。這一點需要注意。http://www.slideshare.net/lijing00333/htmlcssjs在HTML章節的最後著重講解了頁面的可用

一天大家在團隊中討論“未知圖片垂直置中”的問題，突發奇想用vertical-align:middle這個屬性來實現，於是抽了時間做了下面這個不成熟的例子：CSS:div{ width:140px; height:140px; text-indent:-8px; text-align:center; line-height:138px; background:red; font-size:12px; *font-size:120px;

試想過總結出這幾年來寫css與xhtml的經驗 ，匯總成一片”曠世奇文”分享給大家。無奈寡人年世已高，真是有點力不從心了。於是轉念一想，可以用筆記的形式展現，這樣就不用擔心寫不出來了。現在就來說個淘寶首頁上的一個小技巧。1、類目之間的橫豎線從很久很久以前開始，類目間的豎線無非都只有三種。1、背景圖在a標籤設定一個padding 用寬1px高不等的背景圖來position到右側。缺點：最後一個還是要用class來隱藏掉背景。2、符號在每個a標籤之間用”̶

派生選取器在 CSS1 中，通過這種方式來應用規則的選取器被稱為上下文選取器 (contextual selectors)，這是由於它們依賴於上下文關係來應用或者避免某項規則。在 CSS2 中，它們稱為派生選取器，但是無論你如何稱呼它們，它們的作用都是相同的。派生選取器允許你根據文檔的上下文關係來確定某個標籤的樣式。通過合理地使用派生選取器，我們可以使 HTML 程式碼變得更加整潔。比方說，你希望列表中的 strong 元素變為斜體字，而不是通常的粗體字，可以這樣定義一個派生選取器：li

國內很多大型門戶網站已經紛紛採用DIV+CSS製作方法，從實際應用情況來看，此種方法絕對好於表格製作頁面的方法。如今大部分網站仍然採用表格嵌套內容的方式來製作網站，雖然此方法對於我們來說比較熟悉，比較上手；但是，它卻阻礙了一種更好的，更有親和力的，更靈活的，而且功能更強大的網站設計方法——DIV+CSS。CSS網頁布局的意義體現在如下方面：一，使頁面載入得更快由於將大部分頁面代碼寫在了CSS當中，使得頁面體積容量變得更小。相對於表格嵌套的方式，DIV+CSS將頁面獨立成更

    <!DOCTYPE html>      <html>      <head>      <meta charset="utf-8" />      <title>test</title> 

文章簡介：並且當數字或者英文中帶有漢字時，會從漢字處換行，而純漢字卻可以自動換行。這個問題如何解決？先來認識一下兩位主角word-wrap和word-break。 當一個定義了寬度的塊狀元素中填充的全部為純英文或者純數位時候，在IE和FF中都會撐大容器，不會自動換行並且當數字或者英文中帶有漢字時，會從漢字處換行，而純漢字卻可以自動換行。這個問題如何解決？先來認識一下兩位主角word-wrap和word-breakword-wrap用來控制換行兩種取值：(1)normal (

<html> <head> <title>純CSS無圖片帶箭頭的DIV方框</title> <style> div.container{position:absolute; top:30px; left:40px; font-size: 9pt; display:block; height:100px; width:200px;

從上到下   body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}  二、從左上至右下漸層  body{FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=

<style type="text/css"> body { font-size:14px; font-family:"宋體"} ol li { margin:8px} #con { font-size:12px; width:600px; margin:0 auto} #tags&nb

　　今天要推薦的是holmes，這是一個CSS樣式表，用於檢查HTML標籤潛在的問題。　　它將對如下情況做檢測：　　標籤缺少必須的屬性，如inputs標籤缺少name屬性　　連結是這樣的href=”#”，給出改進建議　　非W3C標準的元素和屬性　　使用時只需將下載的CSS檔案包含進網頁中，然後在BODY或HTML標籤中加入class=”holmes-debug”就可以了。　　環境要求: jQuery　　 相容性: Chrome

css|web|web標準 　　受好友dodo和同事常可的影響，開始關注Web標準。周六日按照標準改造了dearbook的幾個頁面，總結一些經驗如下，供以後參考:DIV+CSS結構的好處是能夠做完一塊展示一塊，可以邊看效果邊做，這不僅比Table方式節省代碼，而且控制能力更強. dodo提到目前還沒有支援Web標準的可視化編輯器。不過Visual

ajax|css Ajax Hacks-Hack 10. 使用CSS檔案產生格式化的資訊 讓使用者選擇他們喜愛的訊息格式。hack向伺服器發送一個請求，伺服器返回一個文本資訊。而使用者的選擇將決定資訊的內容和表現形式。HTML代碼有一個下拉選擇，讓使用者選擇結果的表示形式。下面是HTML代碼：“http://www.w3.org/TR/1999/REC-html401–19991224/strict.dtd”>function

下面介紹我們在編寫網站CSS樣式時，最常用的幾個CSS屬性，掌握它們是必須的！ 1.CSS Clip　　Clip屬性就像一個面罩。它允許你在掩蓋矩形元素的內容。要剪輯一個元素：你必須指定position為absolute。然後，指定相對於元素的top，right，bottom，和left的值。映像剪輯執行個體(示範)　　下面的樣本將示範如何使用clip屬性掩蓋圖片。首先，指定<div>元素position：relative。然後，指定&

效果CSS 數字外框效果代碼CSS 代碼：li {     float:left;     overflow:hidden;     margin-left:3px;     padding:3px 5px 3px 5px;   

字形CSS 用來控制字形的性質是 font-family. 你可以用它來決定任何一個元素中文字的字形. 比如   P.v {font-family: Verdana}  H2.a {font-family: arial}This H2's font is "Times New Roman"This paragraph is using "Verdana" font有的時候， 你所給的字型瀏覽器不見得有，你可以多給幾種比如  

在css樣式表中用了中文注釋，並且將/*和*/寫在與中文同一行的話，可能導致注釋下方的樣式失效，ie6以下的瀏覽器包括ie6都可能出現這個問題,但經過測試ie7、firefox、opera等瀏覽器都能良好支援中文注釋，具體原因暫時不確定，但發現瞭解決方法，有問題的寫法是這樣的： /*主內容地區地址欄部分樣式*/ 如果改為以下兩種寫法之一，就不會出現這個問題： /*主內容地區地址欄部分樣式 */ 或 /* 主內容地區地址欄部分樣式 */

使用CSS可以固定背景，格式如下： 標籤名{background-attachment:參數} 參數： fixed:頁面滾動時，背景固定； scroll:頁面滾動時，背景滾動。 執行個體： <html> <style type="text/css"> <!-- p.1{ background-attachment:fixed;

個人總結的一些css實用技巧及必須得注意的事項:1.注釋須知:html中注釋不能這樣寫: 複製內容到剪貼簿