CSS

咱們這回來講講CSS如何對網頁的背景進行設定，網頁的背景是整個網頁的重要組成部分，他直接決定了整個網頁的風格和色調。我們這回主要來學習如何用CSS來設定背景顏色、背景圖片。背景顏色：CSS設定背景顏色特別簡單：background-color：採用十六進位的設計方法。背景顏色不但可以給網頁設定背景顏色，同樣也可以給網頁分塊。我們接下來看，用背景色給頁面分塊：我們看代碼：<html><head><title>利用背景顏色分塊</title><s

在頁面和瀏覽器中，除了文字、圖片、表格、表單等，還有很多各種各樣的元素，我們這回對這些元素進行一一的介紹；這次我們將介紹到豐富的超連結特效、滑鼠特效、頁面捲軸。豐富的超連結特效中，我們首先來介紹動態超連結，我們看一下：代碼如下：<html><head><title>動態超連結</title><style><!--body{background:url(bg9.gif);/* 頁面背景圖片 */margin:0px;

css控制字數控制文章標題字數，不是動態網頁的專利，如果靜態頁面使用CSS樣式，也可以實現相同的效果！看這個例子，你們可以複製到記事本儲存為HTML檔案看效果！<html><title>css控制字數</title><head><style type="text/css">.dd{border: solid 1px gray;width:180px;overflow: hidden;text-overflow:

<HTML><HEAD><TITLE>換膚技術新的嘗試</TITLE><link ID="skin" rel="stylesheet" type="text/css"><SCRIPT LANGUAGE=javascript><!--function SetCookie(name,value){     var argv=SetCookie.arguments;     var

單行一列body{margin:0px;padding:0px;text-align:center;}#content{margin-left:auto;margin-right:auto;width:400px;width:370px;}兩行一列body{margin:0px;padding:0px;text-align:center;}#content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;}#conte

什麼是CSS?　中文翻譯為樣式表! 它的作用簡單的說：就是可以使你在同一頁面裡使用不同的超連結樣式。　　更神奇的是，用CSS，僅僅改變一個檔案就可以改變數百個網頁的外觀......個人化的表現而不損失訪問者......所有這些都因為網頁樣式表的強大和靈活特性。 　　讓我們開始吧！CSS 速成 層疊樣式表的基礎入門。 CSS 結構和規則 各種選擇符、偽類、虛擬元素和層疊順序的入門。 CSS 屬性 各種層疊樣式表層級一有效屬性的描述。 將樣式表加入到HTML中

雙外邊距：此bug出現在IE6和更低版本中，當一個元素浮動時會出現雙倍的外邊距，加上display：inline，可修複。3像素文本移動：當文本與浮動元素相鄰時，此時需要給文本容器一個高度。height：1%；IE6重複字元：主要出現在html文檔中浮動元素間有過多注釋，刪除注釋即可；浮動清理是使用overflow：hidden時在IE6中可能會出現這種情況，一個固定的容器中的浮動元素，當這些浮動元素的子項目的尺寸超出有overflow：hidden的元素時，這個超出的部分會被截斷，即時採用絕對

1對id的支援不一樣。js：function testInnerHTML2(){ alert('start!'); if(content.innerHTML.indexOf('id')!=-1)  alert('id'); if(content.innerHTML.indexOf('test')!=-1)  alert('test'); if(content.innerHTML.indexOf('con'!=-1))  alert('con'); if(content.className!=''

OO的CSS嘗試：物件導向的樣式表實踐美工和程式員如何合作？ 我的答案是就靠這種規則的CSS 因為結構比較規則，所以可以通過固定的Taglib來產生table 但美工和程式員之間需要一個熟悉CSS/Scritpt的web程式員之前想到過用類似於物件導向的方法來做CSS，主要的設計思路如下對於某種類型的Table，在系統中肯定會出現多次， 例如用於顯示新聞的，顯示公告的等等。因此把這種Table總結為一個CSS，而這些不同的CSS又有一些共性。 代碼:

記錄下：var colors = { aqua: '#0ff', black: '#000', blue: '#00f', gray: '#808080', purple: '#800080', fuchsia: '#f0f', green: '#008000', lime: '#0f0', maroon: '#800000', navy: '#000080', olive: '#808000', orange:'#ffa5

   CSS 後代選取器 後代選取器（descendant selector）又稱為包含選取器。  h1 em {color:red;}<h1>This is a <em>important</em> heading</h1>有關後代選取器有一個易被忽視的方面，即兩個元素之間的層次間隔可以使無限的。例如，如果寫作 ul em，這個文法就會選擇從 ul 元素繼承的所有 em 元素，而不論 em 的嵌套層次多深。因此，ul em

--  用CSS改變表格邊框樣式-用CSS改變表格邊框樣式-隱藏下邊 隱藏上邊框 隱藏左邊框  隱藏右邊框  css定義：<td style="border-bottom-style: none; border-bottom-width: medium" height="25">隱藏下邊</td><td height="25" style="border-top-style: none; border-top-width: medium">隱藏上邊框</

用上了，覺得不錯，分享一下核心代碼：.opacity50 { opacity:0.50; /* firefox, opera, safari, chrome */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */ filter:alpha(opacity=50); /* IE 4, 5, 6 and 7 */ zoom:1 /* so the element

一,主題與樣式的區別:1.主題可以定義控制項或頁的許多屬性，而不僅僅是樣式屬性。例如，使用主題，可以指定 TreeView 控制項的圖形、GridView

 var navArray = ["簡歷","作品展示","學習中心","聯絡我吧","友情連結"]// correct colors in menufunction setupMenu () {  // colors BaseColor = 0x414042; RolloverColor = 0xCCC2C0; SelectedColor = 0xF15B40;  // buttons for (var i=1; i<=5; ++i) {  // assign item id  nav_

關於javascript(js)和css壓縮公用程式，有3款比較流行：JSMin、YUI-compressor、Dojo compressor 。javascript 壓縮公用程式使用說明-ECMAScript cruncher分別介紹了JSMin, YUI-compressor和Dojo Compressor；之前一直都說是js壓縮公用程式，其實所有這些工具也是壓縮css的工具；從之前的幾個文章中的簡單測試來看，目前用過的幾個工具裡面，YUI

顧名思義IE6的經典hack是：一個底線"_"，比如：_color: #FF0000;不過這個樣放在最下面。之後是IE6&7的HACK是：一個星號"*"，比如：*color: #FF0000;不過這個應該放在_hack的前面所以有人總結了一下，得到了下面這張圖：對於上面這張圖片，本身它就是別人轉給我的，有必要說明一下的是：一般第二行根本用不上，第三行理應寫在樣式的最下方。但是這裡只是給出了IE的HACK，問題是其他瀏覽器的hack也是有的：/* Firefox

大部分遮蓋層都是通過JS去擷取高度和寬度來定位的，而現在採用的大部分是CSS去做，除了一個為了相容IE6所必要的js。大致原理就是：讓遮蓋層的height和width達到100%來去實現，IE6下需要將body的height設為100%才有效。具體的代碼如下：<!doctype html><html><head><title>CSS 實現遮蓋層</title><meta charset="gb2312"

今日聽說windowsvista首頁的背景是上海外灘，就去看了一下，果然。但是發現一個問題，視窗寬度較小時，會出現捲軸，搜尋方塊需要向右捲動才能看到。而當頁面向右捲動的時候，露出來了上海灘背景底下的黑白漸層的醜陋底褲。其實這個背景圖足夠長（見），所以上述行為看來是寫網頁的人的問題造成的。拿原始碼看了一下，果然。    <div id="wvhpA">        <img id="homeLogo" src="/library/media/1033/windowsvista/

著作權聲明：原創作品，允許轉載，轉載時請務必以超連結形式標明文章原始出版、作者資訊和本聲明。否則將追究法律責任。http://blog.csdn.net/mayongzhan -