Time of Update: 2017-02-28
文章簡介:CSS網頁製作:各式各樣的按鈕製作方式。
Time of Update: 2017-02-28
文章簡介:三、 背景圖片定位決定因素:a. 設定背景圖片容器的大小(寬度和高度)b. 首先要定義背景圖片(background-image)c. 其次是背景圖片是否重複(background-repeat). 一、 網頁中添加圖片的方式有兩種一種是:通過<img>標籤直接插入到html中另一種是:通過css背景屬性添加二、 怎樣來判斷添加圖片方式??Ø 網頁中的裝飾性的圖片,通過背景圖片添加Ø
Time of Update: 2017-02-28
文章簡介:隨著win7使用者的不斷擴大,開始將ie8納入開發相容瀏覽器範圍. 隨著win7使用者的不斷擴大,開始將ie8納入開發相容瀏覽器範圍 "\9" 例:"margin:0px
Time of Update: 2017-02-28
以下內容為程式碼 <style>h3 {color: #cc6600}p.greentext {color: green}p.greenbg {background-color: #ccefcc}p.sky {background-image: url(../image/cdbk009a.jpg);} </style>用 css
Time of Update: 2017-02-28
以下內容為程式碼 <style>h3 {color: #cc6600}table.pad {padding: 5mm; background-color: #ccefcc}p.width5 {border-width: 1px}p.colorred {border-width: 2px; border-color: red}p.inset&nb
Time of Update: 2017-02-28
文章有些老,但很具有參考價值。編者注。優先權問題其實就是一個衝突解決的問題,當同一個元素(或內容)被css選擇符選中時,就要按照優先權取捨不同的css規則,這其中涉及到的問題其實很多。首先就是css規則的specificity(特殊性),css2.1有一套關於specificity的計算方式,用一個四位的數字串(css2是三位)來表示,最終specificity越高的規則越特殊,在優先順序判定時也就越有優勢。關於specificity的具體計算在各種情況下的數字加成有如下一般規則:每個id選擇符
Time of Update: 2017-02-28
上一節開始我們討論 css (cascading style sheet) 的基礎. 告訴你有三種 selector. 但只介紹了其中的 html selector. 這一節我們把三種都詳細介紹給你 html selector class selector: id selector: html selecto
Time of Update: 2017-02-28
比如:.c1.c2{ text-decoration:underline;}選取器中 .c1 與 .c2 直接連在一起,中間無空格、無逗號,表示什麼意思?看個例子:<head><style type="text/css">.c1{ color:#ff0000;}.c2{ font-style:italic;}.c1.c2{
Time of Update: 2017-02-28
網上流傳著一段搞死 ie 的代碼,包括 ie 8 都不能倖免。我下載下來,調了下格式,研究了下,其中的 css、table、未關閉的 form 這些都不能少。雖然說是這段代碼不嚴謹,但讓 ie 宕掉,還是很恐怖的。<html><head><title>ie crasher</title><style type="text/css">#a {margin:0 10px 10px;}#b
Time of Update: 2017-02-28
/c/2008/11/kiy1a50ewiiggr14.aspcss 長度單位css 中,長度單位有兩種,分別是絕對長度單位和相對長度單位。 絕對長度單位絕對長度單位分為 in(英寸)、cm(厘米)、mm(毫米)、pt(磅)、pc(pica)。其中,in(英寸)、cm(厘米)、mm(毫米)和實際中常用的單位完全相同。重點介紹一下 pt(磅)、pc(pica)。 pt(磅):是標準印刷上常用的單位,72pt 的長度為 1 英寸。 pc(pica):這也是一個印刷上用的單位,1pc 的長度為 12
Time of Update: 2017-02-28
文章簡介:另一個是用於特定項目的“reset”,自訂修改的內容,這些內容可以放在layout.css、typography.css之類的檔案中,他們共同匯入到一個base.css形成一個項目的基礎樣式。本文就是來介紹如何寫一個合適所有項目的通用的reset.css,以及介紹在設定玩reset.css之後需要針對
Time of Update: 2017-02-28
可能是某篇微博的關係,今天有人來評論說,使用雪碧圖,記憶體會暴漲的。。。這個問題討論的也蠻多了,那,到底,使用雪碧圖後,會佔用很多記憶體嗎?實驗:下午做了個簡單的實驗,用99個128px*128px的png
Time of Update: 2017-02-28
一、IE邊框若顯若無,須注意,定是高度設定已忘記;二、浮動產生有緣故,若要父層包含住,緊跟浮動要清除,容器自然顯其中;三、三像素文本慢移不必慌,高度設定幫你忙;四、相容各個瀏覽須注意,預設設定行高可能是殺手;五、獨立清除浮動須銘記,行高設無,高設零,設計效果兼瀏覽;六、學布局須思路,路隨布局原理自然直,輕鬆駕馭HTML,流水布局少hack,代碼清爽,相容好,友好引擎喜歡迎。七、所有標籤皆有源,只是預設各不同,span是無極,無極生兩儀—內聯和塊級,img較特殊,但也遵法理,其他只是改
Time of Update: 2017-02-28
有時候,我們用css建立一個高度調適型配置,如何保證頁尾(footer)在內容不超過一屏的情況下始終保持在布局最下方是一個比較頭疼的事。我看過一些利用絕對位置的例子,但總感覺不是那麼完美,經過一下午的研究總結出一個利用負值外補丁的方法來實現這個效果的方法,相容ie5.0+,opera 8.5+,firefox 1.5+。下面我們看步驟: 1、為了讓瀏覽器識別高度100%我們需要先給 html 和 body 加上一個高度值,同時清除所有元素的 margin 和
Time of Update: 2017-02-28
png圖片支援透明~很不錯,可是在ie6下卻不能正確顯示透明部分,使用這個css可以解決這個問題(還有其他方法,不過百度空間只能用css~_~) filter:progid:dximagetransform.microsoft.alphaimageloader(src="png圖片地址",sizingmethod="crop"); 把上面的加在css中。 例如 #in_send form td.f14 input {
Time of Update: 2017-02-28
大家在編寫css的時候可能認為記事本並不是最棒的,有什麼css編輯工具可以提高我們編碼的效率呢? topstyle(點擊下載:topstyle v3.5 beta 4)是我一直用的css編輯工具,最開始就是瞎用也沒有仔細研究過,不過後來把裡面的功能仔細看了看發現它的功能真是太強大了! 在這裡分享一下使用經驗,我在編輯css時常用的快速鍵: 文字注釋:shift+ctrl+m 向右縮排:shift+ctrl+. 負值縮排:shift+ctrl+, 下一個css:ctrl+]
Time of Update: 2017-02-28
z-index 屬性是設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素前面。該屬性的屬性值可以擁有負值;說明: 該屬性設定一個定位元素沿 Z 軸的位置,Z 軸定義為垂直延伸到顯示區的軸。如果為正數,則離使用者更近,為負數則表示離使用者更遠。所有瀏覽器都支援 z-index 屬性;
Time of Update: 2017-02-28
文章簡介:置中一直是設計師們比較喜歡使用的一種擺放形式,無論是圖片還是文字都會被要求放在中間,水平或者垂直。css提供了很多方便的讓內容置中的方法給我們使用,以下羅列那些最長被使用的置中技巧。 置中一直是設計師們比較喜歡使用的一種擺放形式,無論是圖片還是文字都會被要求放在中間,水平或者垂直。css提供了很多方便的讓內容置中的方法給我們使用,以下羅列那些最長被使用的置中技巧。水平置中的text-align:center 和 margin:0 auto
Time of Update: 2017-02-28
文章簡介:跨瀏覽器的CSS固定定位{position:fixed}. 不知道您是否留意了,瀏覽本站時,瀏覽器右下角有一個標著top的黑色直角三角形,可以點擊它返回到正在瀏覽的網頁頁首。當滾動網頁時,它的位置一直沒有任何改變,您感覺它怎麼樣?這就是通過CSS的定位屬性{position:fixed}來實現的,通過它可以讓HTML元素脫離文檔流固定在瀏覽器的某個位置。
Time of Update: 2017-02-28
文章簡介:內聯(行內)元素、區塊層級元素區別。 A:行內就是在一行內的元素,只能放在行內;區塊層級元素,就是一個四方塊,可以放在頁面上任何地方。B:說白了,行內元素就好像一個單詞;區塊層級元素就好像一個段落,如果不另加定義的話,它將獨立一行出現。C:一般的區塊層級元素諸如段落<p>、標題<h1><h2>...、列表,<ul><ol><li> 、表格<table>、表單<form>