原创 溢出文本省略
在信息列表結構中,常常會遇到欄目的寬度固定但信息項的字符過長的矛盾,爲了避免超長字符的信息項破壞欄目的佈局,設計師經常需要考慮限制欄目信息的顯示長度,如設置當信息項字符超出長度時則省略顯示。下面的方法就能幫助設計師們解決這個問題: <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 僞類允許您爲不同的語言定義特殊的