CSS 翻譯系列_(使用簡單CSS技巧增強你的Input輸入欄位)

原文地址http://www.jankoatwarpspeed.com/post/2008/07/27/Enhance-your-input-fields-with-simple-CSS-tricks.aspx 第一次翻譯技術類型的文章,措辭應該會有不當之處,還請各位看客們批評的批評,指正的指正,小弟還望各位不吝賜教。發現國內技術類書籍翻譯存在一個誤區,或許稱不上誤區,而是能力不足,不少優秀的技術書籍一旦翻譯為中文,便會引來唏噓聲一片,大家不妨上豆瓣看看。 依小弟愚見,之所以出現這類現象,大致可

css翻譯系列—(web表單驗證之,使用jquery進行動畫驗證)

原文出處,有過項目開發經驗的同志們大都會碰到表單驗證這類問題,檢驗使用者輸入的有效性,過濾掉使用者的非法輸入,傳統的基於彈出警告框的方式已經不能夠滿足使用者對於視覺美觀的需要,如何以一種更加友好的方式提示使用者,是UI設計者們需要考慮的問題。 技術挺簡單的:當使用者按下提交按鈕的時候,驗證發生,所有非法的輸入欄位會顫抖,下面是一個非常簡單的表單,我不會解釋表單的結構樣式,這裡我只關注與動畫特效。 <ul> <li class="first"> <

什麼是CSS?它的能做些什嗎?

什麼是CSS?它的能做些什嗎?http://www.pcdog.com 未知 2004-7-5 CSS就是一種叫做樣式表(stylesheet)的技術。也有的人稱之為層疊樣式表(Cascading Stylesheet)。 在首頁製作時採用CSS技術,可以有效地對頁面的布局、字型、顏色、背景和其它效果實現更加精確的控制。 只要對相應的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數不同的網頁的外觀和格式。 它的作用可以達到: (1)在幾乎所有的瀏覽器上都可以使用。

使用CSS修改TD或TR的高度(height)或寬度(width)

如果你的TABLE是使用CSS設定的高度和寬度,而且很不幸使用的是百分比的方式,而且你恰好沒有使用百分比的方式設定TD或TD的高度或寬度,那麼你會發現CSS失效了! 解決方案是:如果你使用的百分比設定的TABLE的高度或/和寬度,那麼也一定要使用百分比的方式設定TD和TR的高度或/和寬度。 參見:CSS中設定表格TD寬度的問題集http://www.syscy.com/articleview/2009-2-24/article_view_672.htm TD的高度自動適應Table怎麼做??ht

【hasLayout觸發方式】和【hasLayout——IE中css bug的罪魁禍首】(轉自:http://hi.baidu.com/oxid/blog/item/8481e6a28128b3a0c

【hasLayout觸發方式】 IE中的HTML元素要實現透明,則其必須具備layout,這樣的元素有僅可讀的屬性hasLayout,且其值為true。具體情況如下:body、img、table、tr、th、td等元素的hasLayout一直為true。type為text、button、file或select的input的hasLayout一直為true。設定{position:absolute}的元素的hasLayout為true設定{float:left|right}的元素的hasLayou

CSS 期望表 (Wishlist)

著名的 Web 設計網站 CSS-tricks.com 最近組織了一次調查,請15名頂尖的 Web 設計師對 CSS 提出自己的期望,15名設計師包括 Jon Hicks, Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。調查結果顯示,最被期待的 CSS 功能是 CSS 圓角,其它期待的功能包括跨瀏覽器漸層與陰影,類似 Photoshop

100 個高品質的 XHTML/CSS 模板(上)100 個高品質的 XHTML/CSS 模板(上)

網上的免費 Web 模板多如牛毛,良莠不齊,這組模板是 Smashing Magazine推薦的,全部是基於 XHTML/CSS 的。在 W3C 標準愈趨重要的時代,自覺使用最規範的代碼可以讓您的設計更經得起時間的考驗。XHTML在代碼上的要求比 HTML 更規範,而 CSS,幾乎就是現代 Web 設計的代名詞。這100個 XHTML/CSS模板分三組推出。這是第一組,其它部分請參考第二組,第三組。Package | Registration is necessary.Consultant |

100 個高品質的 XHTML/CSS 模板(中)

網上的免費 Web 模板多如牛毛,良莠不齊,這組模板是 Smashing Magazine推薦的,全部是基於 XHTML/CSS 的。在 W3C 標準愈趨重要的時代,自覺使用最規範的代碼可以讓您的設計更經得起時間的考驗。XHTML在代碼上的要求比 HTML 更規範,而 CSS,幾乎就是現代 Web 設計的代名詞。這100個 XHTML/CSS模板分三組推出。這是第二組,其它部分請參閱第一組,第三組。MultiFlex 3 | Download MultiFlex 3Simple Life |

100 個高品質的 XHTML/CSS 模板(下)

網上的免費 Web 模板多如牛毛,良莠不齊,這組模板是 Smashing Magazine推薦的,全部是基於 XHTML/CSS 的。在 W3C 標準愈趨重要的時代,自覺使用最規範的代碼可以讓您的設計更經得起時間的考驗。XHTML在代碼上的要求比 HTML 更規範,而 CSS,幾乎就是現代 Web 設計的代名詞。這100個 XHTML/CSS模板分三組推出。這是第三組,其它部分請參閱第一組,第二組。Real Estate | Download Real EstateBusiness

CSS 中的黃金分割率

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

基於 CSS 的 ASCII 藝術

ASCII 藝術是一種使用電腦可列印字元(一般為ASCII碼中的96個可列印字元)表現圖形的一種技術,傳統的 ASCII 藝術基於 HTML 代碼,然而由於不同瀏覽器的差別,在一種瀏覽器下可以完美顯示的 ASCII 藝術,到了別的瀏覽器就面目全非,Web2.0 時代,應該多在 CSS 上做文章,因為目前主流瀏覽器對 CSS 的支援都強式一致性,使用 CSS 實現 ASCII 藝術可以更好地保持不同瀏覽器間的相容。下面這個圖很難想象是用 ASCII 藝術做出來的,當然為了簡便,我使用的是圖片,

編寫出色CSS代碼的13個建議

CSS學起來並不難,但在大型項目中,就變得難以管理,特別是不同的人在CSS書寫風格上稍有不同,團隊上就更加難以溝通,為此總結了一些如何?高效整潔的CSS代碼原則:1.

關於 CSS 我們是不是已經走得太遠?

CSS 是了不起的技術,我第一次用到的時候,覺得這是我做夢都想不到的東西,隨著 CSS3 的引入,圓角,陰影,旋轉等等技術更將 CSS 帶到前所未有的高度。然而,關於 CSS,我們是不是已經走得太遠,本文以一個 Web 設計師的角度對 CSS 的一些實驗性應用做了另一種思考。那些有關 CSS 的前衛實驗幾個月前,作者在 Six Revisions 發表了一篇文章,介紹了 5 個有趣的 CSS 實驗:CSS3 Transforms & @font-face

《CSS那些事兒》讀後感

這本書某些地方看起來並不是很嚴謹,有些小錯,新手入門不建議選,有了基礎再看不遲。從《CSS權威指南》的談原理,到《CSS那些事兒》的執行個體操作,從紙上談兵到沙場實戰,這是讓自己得到質的飛躍必經階段,閱讀本書,就是一次不錯的實踐。第1章講的跟《CSS權威指南》有些重複,選擇符、偽類、偽對象等;第2章介紹Editplus編輯器,重點說了EP的文法、自動完成、使用者組工具、模板、快速鍵、剪輯,如果打算用EP作為編輯器的話,可以看一看。第3章是關於盒模型的。文中提到兩點值得注意的:①IE怪異模式的盒模

10個頂級的CSS和Javascript動畫架構推薦

在網站中嵌入動畫已成為近年來的一個設計趨勢,許多公司都已開始轉向並擁抱HTML5、CSS3和JavaScript這個技術“三人組”。儘管這些技術還不能製作一些非常複雜的動畫(像flash所實現的),但是如果擁有好的想法及創造性思維,使用它們製作的即便是一些簡單的動畫也足以打動我們。而且,隨著CSS3技術的發展,CSS3動畫日益流行。目前,WebKit瀏覽器已對CSS3動畫支援得相當好。Firefox已經打算採用Webkit代碼,IE

javascript 動態載入css、js

相容IE、FireFox、Chrome//載入jsfunction loadJs(){    if (!getObj('script_PlData')){        var scriptObj= document.createElement("script");        //scriptObj.id = 'script_1';         scriptObj.type = "text/javascript";         scriptObj.src='/js/m.js' ;  

顯示html/css的警告錯誤或錯誤(轉自:http://hi.baidu.com/86727515/blog/item/f030f0050fa8c1c77b89471d.html)

原文地址:You could display CSS/HTML errors as warnings or as

一些css的好習慣

  1、頁面上用到的一些背景圖片,如果是一些比較小的圖片,應該把他們合成到一張圖片上,然後通過background-position來設定背景圖片的位置。     這樣做的好處是:           

用CSS+JavaScript打造網頁中的選項卡

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE>用CSS+JavaScript打造網頁中的選項卡</TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT="Purple

CSS 中 position:absolute 與 z-index 對階層影響

導讀: 1. 不使用 position這種情況下每一層都遵循 HTML 定位規則,其中的 left,right,top,bottom 定位資訊對其無效,z-index 也不會發揮作用因為沒有層疊的情況出現.2. 使用 absolute 如兩個絕對位置對象的 z-index 屬性具有同樣的值,那麼將依據它們在HTML文檔中聲明的順序層疊.2.1 未使用 z-index     這種情況下,依據它們在HTML文檔中聲明的順序層疊,因為 z-index 在未設定的情況下,預設為 0 .  001  0

總頁數: 694 1 .... 174 175 176 177 178 .... 694 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。