CSS

在做企業站的英文版的時候，英文單詞由於剩下的空間不足，導致整個單詞都換行，造成單詞之間的空隙太大。如：使用css屬性word-break:break-all; 後的效果：如： 強制不換行div{ white-space:nowrap; } 自動換行div{ word-wrap: break-word;word-break: normal; } 強制英文單詞斷行div{word-break:break-all; }CSS設定不轉行：overflow:hidden

<html><head><style type="text/css">simg { float:left; clear:right; border:1px solid red; margin:1px; padding:1px; }div img{float:left; clear:left;}</style></head><img src="/i/eg_smile.gif" style="float:left;

上次給別人示範div的效果時，寫了css樣式卻一直不能呈現，最後不小心發現自己在寫css樣式時候，給一個class命名為數字開頭的名稱，才想起來自己去年剛學習樣式表時候也出現此問題，最後被我解決掉的，聲明一下css中的名稱不要以數字開頭，最好是字母開頭。以下是：CSS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords"

之前老弄不明白，只能憑藉一點短期內“虐出來的經驗”製作需要的效果，後來仔細研究了一下Hutia的XScroller，並且仔細看了文檔，才知道這個position屬性其實是指本體對上級的定位。如果這麼理解，就好辦了。預設的屬性值都是static，靜態。就不用多說了。最關鍵的是relative（相對）以及absolute（絕對）。往往我們如果是COPY別人的代碼，會把absolute屬性與left、top配合起來製作相關的“懸浮層”效果。然而有時候我們需要針對某一個容器的懸浮效果，而不是針對視窗的。

 這是一位叫做  Christos Chiotis 的希臘 Web 設計師發表在 CssGlobe 的一篇文章，講述了黃金分割率在 CSS 中的應用。黃金分割率是一個應用廣泛的數學常數，大約為 1.6180339887。黃金分割率用在 Web 設計中，可以為設計帶來更多視覺上的和諧。在一個簡單的兩欄式頁面配置中，使用兩個容器，第一個容器用來顯示主要內容，第二個容器顯示側條。比如，頁面寬度為 960 px，使用黃金分割率，主內容容器的寬度應該為 960 / 1.62 = 593

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;

這是我總結多年的一個小文檔，主要內容是Javascript和CSS瀏覽器安全色總結，最近看見有人諮詢瀏覽器安全色的問題，就貢獻出來。並不一定全，有的也可能不準確，比如新出的IE8、Chrome等都沒有太多涉及，雖然最近做的一些項目也相容了IE8、Chrome等，但都沒來的及總結進去，後來就忘了…汗。大家一起慢慢完善吧。javascript部分1. document.form.item 問題問題：代碼中存在 document.formName.item(“itemName”)

在這篇文章中，我們將用CSS3代碼製作精美的按鈕。簡單的HTML代碼基本的CSS 代碼渲染CSS3 代碼渲染CSS3 背景顏色讓按鈕更大點經過和點擊效果   第一步：HTML代碼通過HTML代碼建立簡單的<a> 標籤代碼, 並且為每個標籤添加class： button, big,  blue/green/gray：12345<a href="#" class="button big blue">按鈕</a> <a href="#"

你對微軟官方推薦的IE7 IE8 CSS相容性終極解決方案是否瞭解，這裡和大家分享一下，所有的網頁製作者都希望自己做出了的網頁可以完美的相容所有主流的瀏覽器，包括IE6，IE7，IE8，Firefox，Opera，Safari，Chrome等等！IE7 IE8 CSS相容性終極解決方案--微軟官方推薦的方案所有的網頁製作者都希望自己做出了的網頁可以完美的相容所有主流的瀏覽器，包括

轉自：http://www.yoyopo.cn/post/252/CSS 對瀏覽器的相容性有時讓人很頭疼,或許當你瞭解當中的技巧跟原理,就會覺得也不是難事,從網上收集了IE7,6與Fireofx的相容性處理方法並整理了 一下.對於web2.0的過度,請盡量用xhtml格式寫代碼,而且DOCTYPE 影響 CSS 處理,作為W3C的標準,一定要加DOCTYPE聲 名.   CSS技巧1.div的垂直置中問題vertical-align:middle; 將行距增加到和整個DIV一樣高

 CSS屬性和選擇符css的文法結構僅僅有三部分組成：選擇符（Selector）、屬性（property）、和值（value）。使用方法：selector {Property:value;}選擇符（Selector）指這組樣式編碼所要針對的對象，可以是一個XHTML標籤，如body,h1；也可以是定義了特定的ID或CLASS的標籤，如#main選擇符表示選擇<div

       相信很多喜歡研究網頁介面的童鞋都遇到過一個奇妙的現象：網頁中很多圖片素材被合成在一張圖片上。       起初小菜模仿網站的時候，經常遇到這個現象，那時候也不知道這時什麼技術，人家的整張圖片素材不會利用，只能用ps切圖，切成單個的再用。。。       其實，這是一個非常簡單的技術，就是因為想象的太難了，才一直找不到問題的關鍵。       要想實現CSS摳圖，只需要用到一個屬性：background-position。      

 轉自http://www.zendstudio.net/post/52/       一直都不斷有人在問：“我要用DIV+CSS實現三列布局，並且要左右固定寬度，中間自適應，要怎麼弄？”    我一般都是這樣回答：“中間設margin-left留出leftdiv的寬度，設margin-right留出rightdiv的寬度，然後leftdiv左浮動，rightdiv右浮動！”，不過居然有人說不行。我只好用實踐證明我的真理的正確性。    OK!下面是我的完整的測試代碼。<!DOCTYPE 

並不是所有的Web 開發人員都會對美化表格式資料感興趣，今天我們收集了20 個功能強大，外觀漂亮的基於Ajax + CSS 的表格效果，你可以從這些樣本中學習怎麼使用這些表格提供的排序和過濾的功能來組織表格中的資料。 現在讓我們來看看這些表格：（點擊每個樣式前面的連結即可進入下載） #1. Tablecloth Tablecloth 由CSS Globe 開發，是一個輕量級的、便於使用的表格，以友好的方式將樣式和行為添加到你當前的HTML 表格元素當中。 #2.

A list of supported CSS selectors when invoking g(..) At it's most basic, Gimme is a utility for retrieving lots of elementsquickly and then acting upon all of them at once. This is done througha call to the g(..) function.The g(..) function takes

SiteAlexa RankColorsCategoriesTagsRatingsRSSwww.cssbeauty.com10,432NoYesYesNoUrlwww.cssdrive.com14,303NoYesYesYesThumbnailwww.stylegala.com15,819NoNoNoYesThumbnailwww.cssmania.com22,686YesYesNoYesThumbnailwww.cssremix.com23,294NoNoNoYesFull Imagewww.

：http://files.cnblogs.com/livexy/closure_packer_yui_compiler.rar檔案清單： install.cmd 是安裝檔案，運行即可。uninstall.cmd

網頁圖片變形解決方案-固定寬度高度按比例自動縮小CSS代碼今天有個客戶說網站改版後縮減和大圖都有點變形，於是我就去分析了一下原因。主要有如下的問題：1、縮圖變形那是因為之前的縮減的高寬比例和新改版後的比例不一致，重新上傳縮減吧！實在是太難了。圖片的縮小隻要按比例縮小就不會變形，拉大肯定會變形的。於是我就想用固定高度的方式去解決這個問題，用JS或程式實現也很簡單，基本演算法是： w1/h1=w2/h2