翻譯《CSS權威指南》第3版第2章 2.1.2 元素選擇符

2.1.2. 元素選擇符選擇符不出意外的話就是 HTML 元素,但事事無絕對。比如說,一個 CSS 檔案所含的樣式用於一個 XML 文檔的情況時,選擇符有可能會是像這個樣子:QUOTE {color: gray;}BIB {color: red;}BOOKTITLE {color: purple;}MYElement {color: red;}也就是說,文檔中的元素就是最基本的選擇符。在 XML 中,選擇符可以是其中任何一個元素,只要是在 XML

[草稿]從《精通CSS(第2版)》中帶來的思考(一)

文章目錄 Reset CSS 是在圖靈《精通CSS(第2版)》中譯本(尚未審的樣書)中看到的。呃,網頁設計的內容如:頁面寬度1080不是很關注的。我關注的有:Reset CSS、IE 的 hasLayout。 Reset CSSCSS大牛 Meyer 著名的 Reset CSS 之前我就從其中偷學到了一些CSS技巧,如:outline(輪廓)自訂為0利於可訪問性。Reset CSS 可以說是 CSS

國外優秀CSS書籍收集與整理

1. 《CSS基礎教程》出版商:人民郵電出版社圖靈教育原書名:《Beginning CSS Web Development: from novice to professional》原出版商:Apress 國內是否上市:是(中文譯本)2.《CSS 實戰手冊》出版商:電子工業出版社原書名:《CSS The Missing manual》原出版商:O'Reilly Media國內是否上市:是(中文譯本、英文影印)3.《CSS權威指南》(第3版)原書名:《CSS Definitive

[翻譯]《CSS與HTML設計模式》第一章 設計模式:使CSS 更便易(1)

第1章 設計模式:使CSS 更便易On the surface, CSS seems easy. It has 45commonly used properties you can employ to style a document. Below the surface,different combinations of properties and property values trigger completelydifferent results. I call this CSS

通過 CSS 2.x 中 outline 屬性說關鍵字和值的不同

Eric 的文章 《Reset Reloaded》 中 代碼:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1:focus {}{2    outline: 0;3}:focus 規則中 outline 為何要設定為0呢?Blank 懌飛的文章 《text-indent 隱藏文字時出現的 outline 問題》 中說了原由。CSS 界權威

《CSS:The missing manual》

閱讀這本放在網上試讀的譯本看得頭大,建議譯者大人將譯完的中文書拿在手上大聲朗讀3遍。只要閱讀起來不覺得彆扭。譯成中文是為了閱讀更加流暢,而不是為了譯者用詞霸去“咬文嚼字”的直譯。原書是一本很優秀的CSS基礎書。看譯者序就知道譯者CSS技術的水平了。不是所擅長的技術就不要輕易去翻譯!原文:To get the most out of CSS, your HTML code needs to provide a solid, well-built foundation. This chapter

初讀《Beginning HTML with CSS and XHTML》原英文書

晚上,翻閱了Apress《Beginning HTML with CSS and XHTML : Modern Guide and Reference》被書皮上這一句話吸引了:學會如何構建現代、符合標準、不雜亂的HTML和CSS網站。Apress 的這類書中,Beginning是寫給初學入門讀者的,Pro是寫給專業人員的。這本書與《(X)HTML權威指南》一樣是參考是指南,不過是現代的參考和指南,內容沒有那麼多,過時的、不符合標準的、雜亂的通通沒有,而且語言幽默,比如書中說XHTML

修複IE 8 表單中的 button 元素點擊時背景映像的CSS 問題

解決方案是參見:《Fixing the IE8 Form Button with Background Image On Click CSS Bug》中的第3種解決方案。CSS 原始碼如下:/* @bugfix: used :hover:active class to fixing the IE8 form button with background image on-click CSS bug*/button:hover:active{-ms-background-position-x: 1

css的filter常用屬性及語句

文法:STYLE="filter:filtername(fparameter1, fparameter2...)"   (Filtername為濾鏡的名稱,fparameter1、fparameter2等是濾鏡的參數)   濾鏡說明:   Alpha:設定透明層次   blur:建立高速度移動效果,即模糊效果   Chroma:製作專用顏色透明   DropShadow:建立對象的固定影子   FlipH:建立水平鏡像圖片   FlipV:建立垂直鏡像圖片   glow:加光輝在附近對象的邊外

css中div中定位問題

div定位:position:absolute|relative|static定位預設值:static;除了根據邊框寬度和margin來設定定位外,不能再用其它樣式來定位position:relative;(相對定位)在div設定為相對定位後,其原來的佔位不變,所設定的left ,top等,都是相對於原來的位置而設定的;positoin:absolute;( 絕對位置)在div設定為絕對位置後,該div將脫離文檔流,原來位置不佔位,所有的位置設定都是相對於瀏覽器來設定的。

Css-Xml-Xhtml | 為自己的訪問者提供一個印表機友好的Web頁面

如果你願意放棄照顧老版本的瀏覽器,並假設你的使用者正在使用支援CSS2的瀏覽器(比如說IE5及以上版本或者Netscape 6及以上版本),你可以使用新的all媒體描述符來極大地簡化CSS代碼。 下面就是使用CSS2媒體描述符的連結的例子:<link rel="stylesheet" type="text/css" media="all" href="mysite-all.css" /><link rel="stylesheet" type="text/css"

SharePoint Css樣式修改

     如果把MOSS 做的很好看,,那就需要下工夫在UI上面,那就必不可少的去修改MOSS的CSS檔案..傳統的MOSS CSS 檔案路徑在:C:\Program Files\Common Files\Microsoft Shared\web server

CSS學習筆記(增加中)

2010-5-211、line-height:行高。就是文字行與行之間的高度。就是兩行文字之間基準的距離。那麼基準是什麼呢?就是如果給文字加上底線那麼底線的位置就是文字的基準。但是很多教科書把此屬性翻譯成行距。按我理解,漢字的行距應該是(line-height)-(font-size)的值才是真正體現在頁面上的行與行的間距。個人感覺學習CSS最好配合。這個屬性翻譯過來的都不能準確表達CSS標準的意思,還是要在腦海中用圖去解構他們。樣本:p.one{font-size:10pt;line-heig

CSS執行個體:定義列表dl頁面元素 注重語義建立良好結構(轉載52css)

  大家都在學習CSS網頁布局,研究著CSS定位、浮動,以及各種CSS屬性的應用與設定技巧。這本身並沒有什麼問題。也值得大家去研究學習。但往往忽視了一個重要的領域,那就是HTML。我在52CSS.com的文章中,不止一次的強調,語義和結構。大家可能也看得煩了。認為這沒有什麼,認為這並不重要。  沒有良好的HTML文檔作為基礎,我們的CSS網頁布局往往困難重重。如同是,一幛建築,本身就有品質問題。你去裝修,怎麼弄都會有問題,除了消耗更多的材料、精力,還會讓最終的裝修效果大打折扣。CSS網頁布局同樣

CSS編碼與頁面編碼不一致導致IE6下樣式不起作用

前段時間與美工做一個系統的時候使用的是Visual Studio2005,頁面用的是GB2312的碼,而美工那邊CSS樣式使用的是UTF-8的碼。導致很多樣式不能正確顯示。今天又碰到從網上下載下來的CSS樣式,在我的UTF-8的頁面中不能正確顯示(Firefox能正確顯示,IE6不行)。後來,把整個外部參考的CSS樣式,採用<style

HTML和CSS的關鍵—盒子模型(Box model)

轉載(http://blog.sina.com.cn/s/blog_4bcf4a5e010007h8.html) 本文作為屬性篇的最後一篇文章, 將講述HTML和CSS的關鍵—盒子模型(Box model). 理解Box model的關鍵便是margin和padding屬性, 而正確理解這兩個屬性也是學慣用css布局的關鍵. 注: 為什麼不翻譯margin和padding? 原因一, 在漢語中並沒有與之相對應的詞語; 原因二: 即使有這樣的詞語, 由於在編寫css代碼時,

我為菜單做的樣式表main-menu.css

body.menuContainer {background: white; border: 0px solid black; margin: 0;}table.menu {position: absolute; visibility: hidden;   background: rgb(227,227,249);  font-family: verdana; font-size: 11px; border: 1px solid  rgb(81,81,81);} table.menu

一個簡單乾淨的樣式表cnclear.css

font {  font-size: 9pt; } td {  font-size: 9pt;  text-decoration: none; } p {  font-size: 9pt;  color: #000000;  text-decoration: none; } a:visited {  text-decoration: none;  color: #003399; } a:link {  text-decoration: none;  color: #0000cd; }

動態改變引入的CSS檔案

       

IE CSS檔案限制

文章目錄 doc.createStyleSheet() invalid argument exception doc.createStyleSheet() invalid argument exception   Internet Explorer (IE for short) imposes some CSS file limitations that may directly affect page rendering. Below

總頁數: 694 1 .... 210 211 212 213 214 .... 694 Go to: 前往

聯繫我們

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

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

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.