-
CSS 約定寫法 利用擴展
以前在程序中，有美工設計好了靜態頁面，而我們程序員將其整理成動態頁面（例如jsp頁面），一般程序員是不會管像圖片、樣式這樣的東西，直接拿來就用了。這時可能出現下面幾個問題： 1 修改過幾...
作者：asdasdasd11-19 -
span margin 設置生效
比如： span{ margin-left:25px; margin-top:200px; } 改為 span{ margin-left:25px; margin-top:200px; display:block; }
作者：asdasdasd11-19
... -
CSS margin 屬性定義邊外補白
邊框的外面可以有一層邊外補白(margin),邊外補白可以把塊級元素分開.邊外補白定義了圍繞某種元素(elements)的空白. 可以查看盒模式,了解邊外補白和邊內補白. 邊外補白分為上邊外補白(top),下邊外...
作者：asdasdasd11-19 -
13個網頁頁面瀏覽器兼容性驗證工具
每天在回顧瀏覽ThemeForest上的模板的時候，我都會測試驗證瀏覽器的兼容-更不用說我自己的工作。隨著時間的推移，我已經收集到了網上最好的驗證和瀏覽器兼容性測試的工具。以下是我最愛的。
作者：asdasdasd11-19
HTM... -
CSS 網頁制作 提高CSS可閱讀性
也就是總結一下，良好的書寫習慣對于后期的維護有著很讓人驚詫的作用；同時，書寫習慣決定了閱讀的難易程度。而這里的寫法，基本上也就是對css從了解到熟悉到主動思考的一個過程。剛開始的寫法
作者：asdasdasd11-19
... -
最全的CSS瀏覽器兼容問題小結
CSS技巧 1.div的垂直居中問題 vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然后插入文字，就垂直居中了。缺點是要控制內容不要換行 2. margin加倍的問題 設置為flo...
作者：asdasdasd11-19 -
html 滾動條在IE6和IE7中兼容性問題
原因：在該頁面元素的css樣式中沒有加對該元素顯示的大小限制（高度height或寬度width。 解決方法：在css中增加對包含滾動條的頁面元素的顯示大小限制。 例子： 復制代碼代碼如下:<div> <tabl...
作者：asdasdasd11-19 -
CSS3 圓角效果
現在使用CSS3 技術不需要圖片即可實現圓角，把側邊欄標題背景的圓角效果和搜索框的圓角效果用 CSS3 實現。記錄一下以便以后使用。W3C 很早就制訂了實現了 CSS 圓角的 CSS3 屬性：border-radius，...
作者：asdasdasd11-19 -
CSS 樣式表中引用圖片地址在各瀏覽器中的差異
通常，我們的頁面都是引用了很多樣式文件，同時樣式文件給我們的頁面設置了很多背景圖片。但是這里有個小細節容易忽視。圖片的referer來源處理存在瀏覽器的差異。通常，我們的樣式和圖片的結構如...
作者：asdasdasd11-19 -
CSS 優先級使用技巧
css優先級的四大原則：原則一： 繼承不如指定如果某樣式是繼承來的永遠不如具體指定的優先級高。例子1：CODE:<style type="text/css"> <!-- *{font-size:20px} .class3{ font-size: 12px; } -->...
作者：asdasdasd11-19 -
CSS 網頁圖文混排的10個技巧
1. 首行縮進
作者：asdasdasd11-19
你知道的，從小學，老師就教我們，段落的開頭應該空兩格。而你使用word的時候，也有首行縮進這個功能，但在html中你的空格鍵好像起不了作用了。當然，你可以用 來代替一個空格... -
網頁布局教程 掌握CSS網頁布局屬性
由于是布局教程例子，在版面的細節上沒有花更多時間精細修飾，不過我覺得模板的版面不錯，懂CSS的可以下載進行更細致的美工將會是一個很不錯的網頁，初步學習的可以下載來修改修改屬性參數從而更...
作者：asdasdasd11-19 -
IE6 兩個div有間隙的問題（IE 3px bug）
已存在解決方法：利用float和margin的負值偏移來實現，這兩種方法雖好，但是對于前一種方法如果這兩個div包含在另一個div中，且這個div已經float的話，這個方法是無效的。本題目采用方法：即在其...
作者：asdasdasd11-19 -
CSS 空格引起網頁布局間距問題
發現的“頁面空格引起的間距問題”，是不同瀏覽器對“空格”寬度的解析不同造成的。 ie7瀏覽器解析的空格間距要比ie6/firefox大。 解決方法如下： 1.刪掉空格 2.給需要間距...
作者：asdasdasd11-19 -
純css 圓角實現代碼
html 復制代碼代碼如下: <div class="curvedBox"> <span> <span class="r1" ></span> <span class="r2" ></span> <span class="r3" ></span> <span class="r4" ></span> </span> <div class="co...
作者：asdasdasd11-19 -
網頁設計應該熟知的CSS 3.0技術
1. 基本的xhtml標記
作者：asdasdasd11-19
在開始這個教程之前，讓我們來做點xHtml標記，我們需要的幾個DIV來完成效果的顯示，如下：
#round, 這個顯示CSS 3圓角
#indie, 單個角的顯示
#opacity, 不... -
IE的CSS制作網頁技巧3則
IE注釋：最安全的HACK IE的途徑
作者：asdasdasd11-19
<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->
這應該是我最常用的方法了，一般情況下，我們現在已經不用考慮IE5或者以下的... -
CSS 清除浮動方法大全
早段時間特別的忙，忙到站點一直沒有更新；但是這段時間也是偷偷的做了一些的工作，比如對站點的JS進行了壓縮，構思labs分站以及聚合分站。
作者：asdasdasd11-19
而此段時間最煩的是森林群里面的一群人每天上班都在吵... -
CSS 語義化標記拋棄DIV標記
曾經，設計師們經常會跟頻繁使用基于table的沒有任何語義的布局。不過最終還是要感謝像Jeffrey Zeldman和Eric Meyer這樣的思想革新者，聰明的設計師們慢慢的接受了相對更語義化的<div>布局替代了...
作者：asdasdasd11-19 -
14款免費的RSS、CSS和HTML驗證工具
不管是CSS驗證，HTML驗證還是RSS驗證工具，我們都不應該為了驗證而驗證。驗證工具更主要的目的是為了發現錯誤并修正它們。本文為你介紹14款免費的RSS、CSS和HTML驗證工具。
作者：asdasdasd11-19
Firefox插件
CSS 驗證... -
HTML/CSS對瀏覽器的判斷
<!--[if lte IE 6]> <LINK rel="stylesheet" type="text/css" href="images/StyleSheet.css" /> <![endif]--> <!--[if IE 7]> <LINK rel="stylesheet" type="text/css" href="images/css.css" /...
作者：asdasdasd11-19 -
CSS 多列布局問題簡單解決方案
多列等高的問題
作者：asdasdasd11-19
上例中有包含不同內容的 3 列，可以看出存在的問題是列的背景色隨著其包含內容的高度而自適應展開。這是我們要解決的問題。如何使所有的列等高？或具體的說，如何使所有列的高... -
CSS 關于浮動
什么是浮動？
作者：asdasdasd11-19
浮動是 css 的定位屬性。我們可以看一下印刷設計來了解它的起源和作用。印刷布局中，文本可以按照需要圍繞圖片。一般把這種方式稱為“文本環繞”。這是一個例子：
在排... -
IE6 注釋引起的文字溢出和浮動錯位的解決思路
在網站改版過程中,Div和css代碼都么沒有問題,在IE7,IE8,Firefox下都能正常的運行,但是在IE6下,出現文字溢出的Bug, 通過對比正常的網頁與出錯網站的代碼,發現是因為注釋代碼的問題.通過查詢,得知...
作者：asdasdasd11-19 -
CSS 選擇器支持列表
.css3selectors th, .explain {background-color:#FFFF66; padding:4px; }
作者：asdasdasd11-19
.css3selectors td {padding:4px;}
.css3selectors td.compliant {background-color:#009900;}
.css3selectors td.iff...