-
css中的八種長(zhǎng)度單位
2012-07-19其實(shí)css中的長(zhǎng)度單位一共有8個(gè),分別是px,em,pt,ex,pc,in,mm,cm; px:像素(Pixel),相對(duì)于設(shè)備的長(zhǎng)度單位,像素是相對(duì)于顯示器屏幕分辨率而言的。譬如,WONDOWS的用戶所使用的分辨率一般是96像素/英寸。而MAC的用戶所使用的分辨率一般是72像素/英寸。 em:相 -
DivCSS中如何正確的定義CSS偽類?
2012-06-21在CSS網(wǎng)頁(yè)布局中,不可避免的會(huì)涉及到CSS偽類的問題。到底該如何正確的定義CSS偽類呢?雖然Mb5u中有很多相關(guān)的介紹,但復(fù)習(xí)一下也無(wú)妨。大家看下面的代碼就能明白。 示例代碼 [www.zhaotila.cn] a.w3cbbs{text-decoration:none;} a.w3cbbs:link{color:#f90;} a. -
應(yīng)用CSS的page-break-after屬性 實(shí)現(xiàn)WEB頁(yè)面強(qiáng)制分頁(yè)打印
2012-06-21雖然Mb5u.com向大家介紹了很多CSS屬性的相關(guān)知識(shí),但有些非常冷門的屬性還是有所欠缺。在B/S程序中,對(duì)打印頁(yè)面的控制,CSS相對(duì)比較弱,例如: 自動(dòng)分頁(yè), 就基本沒啥實(shí)際用途。我們通常需要自己在需要的時(shí)候,強(qiáng)制瀏覽器分頁(yè),這時(shí)可以使用以下樣式: 示例 -
CSS編碼順序研究,提高CSS編碼效率
2012-06-21在Mb5u.com前面的文章中,我們提及“ 重寫您的CSS文件使之更有條理、結(jié)構(gòu)清晰 ”,這雖然是方法之一,但養(yǎng)成良好的編碼習(xí)慣也一直是模板無(wú)憂所提倡的。今天的文章將就此內(nèi)容,作些討論。歡迎大家評(píng)論,也可以去W3Cbbs.com發(fā)貼交流。 最后定義的 CSS 樣式將會(huì) -
CSS有序列表OL的一些特殊形式
2012-06-21在站的案例中,大部分講到了CSS無(wú)序列表的應(yīng)用,而Mb5u.com更希望大家能熟悉各種不常用的知識(shí),更加專業(yè)的面對(duì)工作中可能遇到的問題。以前我們面對(duì)這些有著順序或是有數(shù)字注明排序的內(nèi)容時(shí)大多是在數(shù)據(jù)前自行加上一個(gè)數(shù)值,或是由程序加上這個(gè)數(shù)值。而如果使 -
CSS入門:CSS的一些常見規(guī)則
2012-06-21怎樣做CSS布局呢? CSS文件的鏈接方式 1、附加鏈接:外部CSS文件 2、導(dǎo)入CSS:常用應(yīng)用多個(gè)CSS文件時(shí),將多個(gè)CSS導(dǎo)入一個(gè)CSS文件中 CSS規(guī)則定義有三種 1、類比如“.RedText”、“.BlueText”和“.BigText”等等 2、標(biāo)簽針對(duì)原有HTML標(biāo)簽做的重新CSS定義 3、高 -
CSS中background屬性詳解
2012-06-20背景 background css 說明 background-image:url(圖片的網(wǎng)址); 背景圖 background: url( 圖片的網(wǎng)址 ); 背景 background-color:#色碼; 背景色彩 Exp: background-image:url(背景圖案.jpg,gif,bmp); background-color:#FFFFFF; background-color : transp -
IE6不支持的CSS的type選擇器
2012-06-20應(yīng)用IE6所不支持的CSS的type選擇器,可以精確的選擇各種表單元素。 簡(jiǎn)單,明了,可以分區(qū)出各個(gè)input控件形態(tài)。 在前面Mb5u.com的文章中,我們向介紹了 CSS的expression判斷表達(dá)式設(shè)置input樣式 http://www.zhaotila.cn/article.asp?id=1072 type選擇器,IE6之 -
重寫您的CSS文件使之更有條理、結(jié)構(gòu)清晰
2012-06-18編程風(fēng)格就如人的性格一般,不同程序員(設(shè)計(jì)師)的書寫風(fēng)格往往不盡相同,良好的風(fēng)格更容易讓其他人接受。Mb5u.com中的代碼有時(shí)候就有著多種風(fēng)格。就拿 WordPress 主題來說,我們或許更偏愛于使用代碼風(fēng)格良好、符合我們口味的主題文件。而對(duì)于那些凌亂不堪 -
CSS引用方式import與link的具體區(qū)別
2012-06-18我們知道在網(wǎng)頁(yè)中引用外部CSS有兩種方式,即:@import與link,我們也經(jīng)常聽到有人說要使用link來引入CSS更好,但是你知道為什么嗎? link 示例代碼 [www.zhaotila.cn] link就是把外部CSS與網(wǎng)頁(yè)連接起來,具體形式 link href=/tz.php?url=www.zhaotila.cn/styles.css t -
IE8 CSS hack實(shí)例代碼
2012-06-18CSS兼容性一直是大家頭疼的問題,IE6、IE7和FF已經(jīng)讓大家夠嗆,在Mb5u.com以前的文章中,很多這方面的知識(shí)介紹。今天向大家介紹IE8的CSS hack。 IE8正式版發(fā)布以來,一直在找一種區(qū)別IE8正式版的方法.在百度搜索IE8 hack有19萬(wàn)多個(gè)結(jié)果,google搜索則有243萬(wàn) -
CSS文字大小px和pt的區(qū)別
2012-06-18在網(wǎng)頁(yè)設(shè)計(jì)CSS中,經(jīng)常用到字體,而字體大小的設(shè)置單位,常用的有2種:px、pt。這兩個(gè)有什么區(qū)別呢? px:pixel,像素,屏幕上顯示的最小單位; pt:point,點(diǎn),是印刷業(yè)一個(gè)標(biāo)準(zhǔn)的長(zhǎng)度單位,1pt=1/72英寸; 在Windows里,默認(rèn)的顯示設(shè)置中,把文字定義為96 -
CSS BUG處理方法大全
2012-06-18CSS BUG在Mb5u.com介紹過也很多,也一直困擾著大家,在CSS布局中會(huì)常遇到這樣的問題。相信大家對(duì)于常見 CSS BUG 的處理已經(jīng)相對(duì)比較熟悉,例如:IE6 Three Pixel Gap(3px bug)、IE5/6 Doubled Float-Margin Bug(雙倍邊距的bug) 等等。但時(shí)常我們也會(huì)碰到 -
使用CSS的最佳習(xí)慣
2012-06-18大多數(shù)技術(shù)都有自己約定俗成的標(biāo)準(zhǔn)。CSS也不例外。雖然并非網(wǎng)絡(luò)上存在的所有CSS都很規(guī)范,但按照現(xiàn)有標(biāo)準(zhǔn)來使用CSS卻還是不無(wú)裨益的。一般來說,開發(fā)人員應(yīng)盡可能將內(nèi)容與結(jié)構(gòu)分離開來。這樣做的好處在于: 1:增加站點(diǎn)的壽命 不規(guī)范的樣式表可能在當(dāng)時(shí)覺得 -
在DW中進(jìn)行CSS編碼的技巧
2012-06-18本文為Mb5u.com轉(zhuǎn)載,很多CSSer是從以前的網(wǎng)頁(yè)制作中開始學(xué)習(xí)CSS網(wǎng)頁(yè)布局的,或許還存在著一定的DW習(xí)慣。希望此文能幫助大家理解和糾正一些不好的習(xí)慣。 由于“可視化”和操作簡(jiǎn)便,在DW中編寫CSS的朋友很多,今天我們介紹一些在DW中編寫CSS的“最佳習(xí)慣”, -
9個(gè)CSS文字排版相關(guān)CSS屬性應(yīng)用介紹
2012-06-18學(xué)習(xí)web標(biāo)準(zhǔn),遵循Web標(biāo)準(zhǔn)進(jìn)行開發(fā)和制作。一直以來Mb5u.com與大家討論的很多是關(guān)于布局方面的問題,而頁(yè)面中主要的內(nèi)容呈現(xiàn),是圖片和文字,今天和大家討論關(guān)于CSS網(wǎng)頁(yè)布局中文字排版的相關(guān)問題。 如何設(shè)定字體、顏色、大 -
CSS中import與link的區(qū)別
2012-06-15看到淘寶網(wǎng)頁(yè)中這樣寫使用的是import,而很多網(wǎng)站都是使用link,當(dāng)然還有一些頁(yè)面比較簡(jiǎn)單,流量很大的網(wǎng)站,是直接將CSS寫在html代碼中的?他們有什么區(qū)別?css用import還是link好?從經(jīng)典論壇和另外一個(gè)網(wǎng)站大概了解了一下 看到淘寶網(wǎng)頁(yè)中大部分是這樣寫的 -
十大技巧輕松解決CSS兼容問題
2012-06-15大家在Mb5u.com學(xué)習(xí)了很多關(guān)于CSS布局的知識(shí)與技巧,然而CSS樣式兼容問題也不容小看,它引出的問題往往讓大家一愁莫展,由于各瀏覽器對(duì)CSS的不同解釋,造成本來IE7可正常顯示,但到了firefox 、ie6等其它瀏覽器上,卻出現(xiàn)錯(cuò)位、下沉等問題,只得在firefox 、 -
What is CSS - Introduction
2012-06-15Few people really know what CSS really is. That is why we need to discuss this in the following set of tutorials that we will hand out as fast as possible. We will cover basic, medium and advanced CSS in a set of CSS Tutorials that you will -
IE和FF中css透明度詳細(xì)對(duì)比
2012-06-15當(dāng)父容器設(shè)置了透明度的時(shí)候,子容器會(huì)繼承父容器的性質(zhì),面對(duì)這個(gè)問題我們也不知道該說是bug還是說是大家對(duì)透明的理解方式問題。先不管css的標(biāo)準(zhǔn)認(rèn)為怎樣才是最合理的,當(dāng)我們遇到不想要子容器也透明的時(shí)候如何去解決這樣的問題。 方法一: 針對(duì)IE,在子容
- 相關(guān)鏈接:
- 欄目說明:
CSS教程 提供全面的CSS 教程,遇到問題,互助平臺(tái) CSS 欄目提問!