初學CSS和標准建站的一些CSS常用技巧

初學CSS和標准建站的一些CSS常用技巧 /*無所不能的CSS的*通配選擇符*/ * { margin:0; padding:0;} /*此定義解釋:margin:0;padding:0;在CSS最上面先用 * 一次性統一制定,可以避開CSS的"盒模型"考慮問猓迸龅叫枰乇? 指定margin或padding值的時候在分別另外指定,後面的值將覆蓋前面的值。*/ /*CSS中容易被忽視的Outlines 輪廓屬性*/ 問題:爲什麽加了標簽的全部自動加上了藍色的邊緣?因爲每個默認的boarder值不爲0,可以將boarder設置爲0,可以解決問題。 img{ boarder:0; display:block; }/*此定義解釋:boarder:0;可以避免帶鏈接的圖片邊緣出現藍色邊框。display:block;將圖片以塊級元素顯示*/ /*其他還有非常容易

,,影響布局的標簽,都可以先將其margin和padding都預先設置爲0*/ form{margin:0;padding:0;} select{margin:0;padding:0;} input{margin:0;padding:0;} body{ margin:0px; font: normal 12px "宋體", Verdana, Arial, Helvetica,sans-serif; text-align:center; color:#000; line-height:140%;} #top_box {width:760px;height:63px; margin:auto; padding-top:10px; text-align:left; } a:link,a:visited,a:active{color:#000; text-decoration:none;} a:hover{color:#ff0000; text-decoration:underline;} /*此定義解釋:將所有A標簽預先指定樣式,也可用在CSS最開始一段代碼,統一定義*/ /*有關CSS的其他常見問題及解決辦法和分析:*/ /*關于CSS容器與CSS元素的適應問題*/ /*例如有時候我們要在首頁動態打印一列十條文章,要放在一個CSS容器DIV內,若每行文字太多,元素很容易破壞容器而使整個布局變壞下面是解決的辦法*/ #nowrap{table-layout:fixed}

文字不折行

等同于 文字不折行 CSS指定寬度文字自動換行顯示: #wrap{word-break:break-all;width:200px;}

每200像素寬度文字就自動折行

/*CSS常用縮寫規範*/ /*縮寫示例: 1.*/ .pop_font{ font: bold 11px "宋體", Verdana, Arial, Helvetica,sans-serif;} /*縮寫示例: 2.*/ .pop_td{ border-right: 1px solid #C1DAD7;} /*縮寫示例: 3.*/ .pic_background{ background: transparent url(/images/bullet1.gif) no-repeat 20px 20px; padding:2px 0; margin:2px 0 2px 0;} /*關于DIV布局中的UL,LI中帶ID的CSS屬性定義方式:*/

文字1

文字2

文字3

/*對 "文字1"定義CSS樣式: 以下都是正確的指定樣式:*/ #li1 {/*指定樣式代碼*/} #main li#li1 {/*指定樣式代碼*/} #main #ok1 #li1 {/*指定樣式代碼*/} #main ul#ok1 li#li1{/*指定樣式代碼*/} /*以下都是錯誤的CSS指定"文字1“的樣式:*/ #li{} #main ul li1{} li1{} /*end*/

Web標准建站教程8-CSS布局入門
CSS布局與傳統表格(table)布局最大的區別在于:原來的定位都是采用表格,通過表格的間距或者用無色透明的GIF圖片來控制文布局版塊的間距;而現在則采用層(div)來定位,通過層的margin,padding,border等屬性來控制版塊...查看完整版>>Web標准建站教程8-CSS布局入門
 
站長建站常用的SQL和ASP技巧集合
sql常用命令方法!!!(1) 數據記錄篩選: sql="select * from 數據表 where 字段名=字段值 order by 字段名 " sql="select * from 數據表 where 字段名 like ''%字段值%'' order by 字段名 " sql="select top 10 * f...查看完整版>>站長建站常用的SQL和ASP技巧集合
 
建站技巧之在搜索引擎作弊的一些方法
  在搜索引擎作弊的一些方法,這裏羅列了一下,從中你可看到,現在有些人還視爲“密技”的東西,其實已經過時了。   堆砌頁面關鍵字:爲了增加某個詞彙在網頁上的出現頻率,而故意重複它。這是有人常用的花招,不...查看完整版>>建站技巧之在搜索引擎作弊的一些方法
 
web標准建站:CSS入門教程
CSS是“Cascading Style Sheets”的簡稱,中文翻譯爲“串接樣式表”,也有人翻譯 爲“樣式表”。CSS用以作爲網頁的排版和風格設計,在web標准建站中,對CSS的熟悉和使用 是相當重要的一個內容。CSS的作用是彌補HTML的...查看完整版>>web標准建站:CSS入門教程
 
網頁標准初學:CSS和XHTML
  層疊樣式表 level 2推薦標准 定義style的屬性,用于分析HTML和XML文檔的樹形結構。分析時的不通將導致不同的視覺或聽覺效果,這依賴于使用的選擇器。下面的技術可以減少對文檔的這種影響,而用不修改這兩中媒體...查看完整版>>網頁標准初學:CSS和XHTML
 
Web標准建站教程7-CSS入門
在了解XHTML代碼規範後,我們就要進行CSS布局。首先先介紹一些CSS的入門知識。如果你已經很熟悉了,可以跳過這一節,CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對web文檔添加樣式的簡單機制,屬于表現層...查看完整版>>Web標准建站教程7-CSS入門
 
web標准建站:CSS入門教程
  CSS是“Cascading Style Sheets”的簡稱,中文翻譯爲“串接樣式表”,也有人翻譯 爲“樣式表”。CSS用以作爲網頁的排版和風格設計,在web標准建站中,對CSS的熟悉和使用 是相當重要的一個內容。CSS的作用是彌補H...查看完整版>>web標准建站:CSS入門教程
 
web標准建站:CSS入門教程
  原創教程,轉載請注明出處:  CSS是“Cascading Style Sheets”的簡稱,中文翻譯爲“串接樣式表”,也有人翻譯 爲“樣式表”。CSS用以作爲網頁的排版和風格設計,在web標准建站中,對CSS的熟悉和使用 是相當重...查看完整版>>web標准建站:CSS入門教程
 
Web標准建站教程9-第一個CSS布局實例
接下來開始要真正設計布局了。和傳統的方法一樣,你首先要在腦海裏有大致的輪廓構想,然後用photoshop把它畫出來。你可能看到有關web標准的站點大都很樸素,因爲web標准更關注結構和內容,實際上它與網頁的美觀沒有根...查看完整版>>Web標准建站教程9-第一個CSS布局實例
 
 
回到王朝網路移動版首頁