CSS

 代碼如下:<div style="width: 62%;margin: auto;"> <div style="float:left;width: 49%; text-align: center"> <input type="radio" checked="checked"/>男 </div> <div

 　　當使用了多個樣式表，樣式表需要爭奪特定選擇符的控制權。在這些情況下，總會有樣式表的規則能獲得控制權。以下的特性將決定互相對立的樣式表的結果。　　! important　　規則可以用指定的! important 特指為重要的。一個特指為重要的樣式會淩駕於與之對立的其它相同權重的樣式。同樣地，當網頁製作者和讀者都指定了重要規則時，網頁製作者的規則會超越讀者的。以下是! important 聲明的例子:　　BODY { background: url(bar.gif) white;

 最近學習點樣式表，以前有一位很曆害的CSS朋友給我這個代碼，看的挺不錯的，思想真棒！留個紀念！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

　　現在的一些CMS系統設計的非常人性化，實現了模板與CMS架構分離。這樣做，可以方便地只對模板進行單獨地設計和開發，就能輕鬆地實現網站前台的樣式風格的替換。　　如果你是一位對CSS有一定瞭解的站長，那麼自然知道CSS所發揮的作用了。CSS，與其說是一種技術，我更喜歡把它說成是一種藝術，它表現出來的是一種美感，可以讓網友直接感受到。而今天，在重運營輕技術的互連網時代，CSS技術的地位大不如從前了。但只是一味地重視運營，而脫離了技術，也是不可取的。　　如果你是一位站長，如果你想要做出非常漂亮的網站

　　在設計網路應用時，您必須決定如何編輯字型。使用CSS時存在大量選項，每個開發人員都有自己的喜好。本文主要討論字型大小和網路應用內的操作。在開發網路應用時，沒有比外觀更重要的事情了。所以，如果發現設計人員十分關注字型及字型大小，我不會感到奇怪！　　字型大小　　CSS2規範根據長度——水平和垂直尺寸——來定義字型。這個長度為一個數值，前面可能帶一個可選的加(+)或減(-)標記符。另外，該數值後可能有一個可選的單位標識符。　　另外，CSS2規範定義了

 -9999 px的形象替代技術已經流行了一個十年最好的部分。替換一個文本元素和一個映像,您可以使用下面的代碼:<h1>This Text is Replaced</h1><style>h1{background: url("myimage") 0 0 no-repeat;text-indent:

 　　頁面中img和input頂部總對不齊，預覽效果如下：　　解決方案其實很簡單，我們只要給圖片加上vertical-align:middle屬性就可以了。  代碼如下   <input name="veryhuo" type="text"

　　比如一個容器(body,div,span)中設定一個背景。這個背景的長寬值在css2.1之前是不能被修改的。　　所以實際的結果是只能重複顯示，所以出現了repeat,repeat-x,repeat-y,no-repeat這些屬性。就是用來　　控制背景圖片的顯示的。所以一般用作背景圖片的有2類：　　1.是一整張大圖，尺寸和地區大小剛好吻合　　2.一個很小的條狀圖，通過repeat後，形成一個很規則的大圖背景。　　但是css3出現以後，這個情況被改善了。background-size

 我寫網頁是包在一個叫 #container 的DIV中的，所以這裡主要講一下BODY與#container之間的關係。    先看一下body的CSS樣式：    body{

 大家都知道.文字在網頁編寫的時候是可以自動換行的.但是有一個讓我們很頭疼的就是英文往往是不能自動換行的.特別是 連在一起的英文.有的時候我們會用CSS來限制表格的屬性.比如OVERFLOW:HIDDEN,但這個屬性不能很好的達到我們所要的目的.下面我們就來 介紹用CSS實現文字換行的幾種方法.供大家參考:對於div1、（IE瀏覽器）white-space:normal; word-break:break-all;這裡前者是遵循標準。#wrap{white-space:normal;

 　　下面是我要用到的一個背景圖：　　代碼如下：　　HTML頁中是162*162的灰色背景DIV塊並加入三種不同位置的背景圖片，　　在瀏覽器中看到的效果：　　從上圖可以看到：當為background-position:0 0;時圖片的左上方與DIV的左上方是重合的，當我們定位於background-position:-50px -50px;時發現圖片向左、上移動了，也就以DIV的左上方為中心，圖向左移動了50PX，向上也移動了50PX.第三個樣本採用的都是正值，可以解解釋為圖向右、

 　　網頁背景漸層是經常用到的效果，下面用的濾鏡，當然在非IE下是沒效果的。　　一、從上往下漸層　　body{　　FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)";　　}　　二、從左上至右下漸層　　body{　　FILTER: Alpha(

 　　JavaScript與CSS屬性的控制網上很常見，因此來說用js操作css屬性是有一定規律的。　　1、對於沒有中劃線的css屬性一般直接使用style.屬性名稱即可。　　如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。　　2、對於含有中劃線的css屬性，將每個中劃線去掉並將每個中劃線後的第一個字元換成大寫即可。如：obj.style.marginTop，obj.style.borderLe

 　　CSS隔行變色使用率挺高的，今天抽空寫了這篇簡短的教程，教給CSS不順手的初級學者兩種方法實現CSS的隔行換色功能。大家知道，隔行換色的對象一般是TABle或Li,Table就不說了，個人覺得已經過時了，主要來說下CSS

 　　CSS ul li置中本來以為很容易就實現了，因為平時都是讓li float:left，這樣後面的可以排成一行，對置中沒做要求，不過最近搞個項目，必須讓ui的每個li都置中顯示，這可讓我難為了，沒想到一時把我難壞了，不過還是被我解決了。下面說下方法：　　我的方法主要是利用li的浮動固定寬度來實現，li的預設display為block，將這個屬性改為inline就可以讓ul li置中，簡單吧!下面來段代碼執行個體：　　呵呵，由此你可以做成一款菜單了。

 　　有時候，為了避免頁面中某個Div的內容過多，而導致頁面變形，我們通常在CSs中定義overflow:hidden，這樣會不顯示文字，不過看上去使用者體驗不太好，為了獲得最佳的使用者體驗，我們在隱藏文字的同時，可以在文字後邊顯示省略符號，CSS中有現成的方法可以用，比如下面對CSS的定義：　　1/*CSS代碼如下：*/　　2show{　　3overflow:hidden;　　4white-space:nowrap;　　5text-overflow:ellipsis;　　6/*為你顯

在使用css過程中難免會碰到一些常見的bug及瀏覽器安全色方面的處理，下面與大家分享下CSS常見的11技巧與經驗，喜歡web前端的朋友可以參考下，希望對大家有所協助 1.如何清除圖片下方出現幾像素的空白間隙？ 複製代碼代碼如下:方法1： img{display:block;} 方法2： img{vertical-align:top;} 備忘：除了top值，還可以設定為text-top | middle | bottom | text-bottom，甚至特定的<length>

 css定位屬性將是網蟲們開啟幸福之門的鑰匙：H4 { position: absolute; left: 100px; top: 43px }這項CSS規則讓瀏覽器將<H4>的起始位置精 確地定在距離瀏覽器左邊100象素，距離其 頂部43象素的位置。注意這裡唯一設定了的是左邊和頂部，也就 是說，文字將從左至右，從上到下載入瀏覽 器視窗。左邊和頂部屬性很直觀，左邊（left)設定 要素距瀏覽器視窗左邊的距離，頂部(top)

 　　以下技巧相信是比較實用的，讓一行文字始終顯示在某個Div的最底部，做前端開發，肯定什麼情況都要碰到，雖然這個不常用，不過也是會用到的。用到position:relative、position:absolute;屬性。text-align:center;這行是定義顯示在最底行的文字水平置中，可以不設定，但文字會靠左顯示。　　本代碼適用Div高度固定，也就是定義了高度的情況下，其實不定義高度的時候，它也是顯示在最底部，因為沒有高度的情況下，Div會自動適應容器內的內容。

  這個CSS教程將教你如何使用CSS創造一個漂亮的動態按鈕 ，所謂動態，指的是預設狀態和聚焦狀態時背景按鈕圖片不一樣. 這個CSS教程將教你如何使用CSS創造一個漂亮的動態按鈕