原创 溢出文本省略

在信息列表結構中,常常會遇到欄目的寬度固定但信息項的字符過長的矛盾,爲了避免超長字符的信息項破壞欄目的佈局,設計師經常需要考慮限制欄目信息的顯示長度,如設置當信息項字符超出長度時則省略顯示。下面的方法就能幫助設計師們解決這個問題: <ht

原创 Html優化總結

 Web前端是龐大的,包括HTML、CSS、Javascript、Image、Flash等等各種各樣的資源。前端優化是複雜的,針對方方面面的資源都有不同的方式。那麼,前端優化的目的是什麼?    1. 從用戶角度而言,優化能夠讓頁面加

原创 谷歌Chrome瀏覽器下CSS設置字體大小小於12px無法生效的問題

  之前一直都在做中文的網站,所以很少遇到字體兼容問題!最近在製作一個英文的網站,遇到字體兼容問題,另我困惑不已!現在終於找到解決方案: 在html或者body裏添加一句谷歌瀏覽器專有的屬性。 html,body{       -we

原创 table 1px邊框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt

原创 ai物體旋轉複製如何自定義中心點

用AI做圖片的旋轉複製,自定義中心點:          選中對象,快捷r,按住alt用鼠標左鍵點選你需要的旋轉圓心位置,然後彈出個窗口,輸入旋轉角度,點“複製”。然後ctrl+D,得到旋轉圖形。

原创 IE6下 li 錯位問題

最近在做電子商務類網站,當做到圖文效果時,遇到 IE6 下 li 錯位問題 : css部分代碼: .redeem_con{ width:737px;} .redeem_con ul{ margin:0px; padding:0px;} .

原创 HTML優化工具Page Speed和YSlow插件的安裝及使用

目前,HTML優化已經越來越引起Web前端開發的重視。頁面優化是SEO優化工作中必不可少的一項任務,這裏我向大家推薦我目前用的谷歌Page Speed插件和YSlow插件。         Page Speed是谷歌推出的一個網頁優化建議

原创 css命名規範

每個人的CSS命名規則都不一樣,給後期維護人員帶來麻煩。如果大家都統一的話,就提高了工作效率,方便自己,也方便他人。下面是整理的一些CSS的命名規則,供大家參考! 一、常用命名規則     頭:header     內容:cont

原创 css隔行換色的方法

CSS隔行換色的問題,其實很簡單,您可以根據您的需要,採用下面的任何一種方法,當然,要適合你的編碼與需求情況:一、background背景圖片 如果行高固定的話,推薦使用背景圖,也推薦將行高固定!兼容一切瀏覽器。二、CSS Express

原创 CSS解決英文自動換行問題

當容器內出現長串英文時,容器會被撐大,此時內容不會自動換行,那麼如何用css來解決英文自動換行問題呢?請往下閱讀: 如果是在Table內出現此問題,可以在table標籤中加入 style="WORD-WRAP: break-word;TA

原创 如何去掉超鏈接或圖片熱點鏈接的虛線框

如何去掉超鏈接或圖片熱點鏈接的虛線框,代碼如下: <a href="http://www.baidu.com/" onFocus=this.blur()><img src="/images/logo.jpg" border=0></a>

原创 css個性下拉框和按鈕

 最近在做一個教育平臺網站。其中有幾個問題是之前沒有遇到過的。 首先,input 的背景圖片問題,解決這類問題的方法是: .loginbtn {  width:29px;  height:24px;  b

原创 頁面元素滾動條

Scroll bar(頁面元素滾動條) 1.背景圖片的滾動條設置 background-attachment:scroll || fixed; 2.滾動條顯示設置 overflow: auto; 在需要時

原创 一些css中常見的問題!

1.設置一個高爲2px的div        解決辦法:                height:2px; font-size:2px;         說明:以文字的高度來準確定位div的高度。 2.怎樣讓你的div居中     

原创 :lang 僞類

<html> <head> <style type="text/css"> q:lang(no) { quotes: "~" "~" } </style> </head> <body> <p>:lang 僞類允許您爲不同的語言定義特殊的