CSS

文章簡介：CSS網頁製作：各式各樣的按鈕製作方式。

文章簡介：隨著CSS網頁布局越來越普及，國內大部分網站已經採用CSS網頁布局的製作方法。在應用DIV+CSS編碼時很容易犯一些錯誤，這裡列舉一些常見的錯誤，協助新手朋友更好的學習與進步。 隨著CSS網頁布局越來越普及，國內大部分網站已經採用CSS網頁布局的製作方法。在應用DIV+CSS編碼時很容易犯一些錯誤，這裡列舉一些常見的錯誤，協助新手朋友更好的學習與進步。一、檢查HTML元素是否有拼字錯誤 是否忘記結束標記

文章簡介：純用CSS定義寫出來的圖形寫法。 一共收集整理了圖形20個，比較實用，同時也為了熟悉CSS的代碼。整合了一下，有錯誤歡迎指出。1.正方形#square {width: 100px;height: 100px;background: red;}2.長方形 #rectangle {width: 200px;height: 100px;background: red;}3.左上三角 #triangle-topleft {width:

文章簡介：CSS網頁布局錯位。 為什麼計算寬度計算網頁像素寬度是為了CSS網頁布局整齊與相容。常見的我們布局左右結構網頁或使用padding、margin布局的時候將計算整頁寬度，如果不計算無論是寬度過大過小就會出現錯位問題。怎麼計算CSS寬度例一：我們計算一個左右結構的配置樣式。假如總寬度為400px，那麼左右加起來就應當小於400px，那我們可能左邊為300px，右邊為100px正確代碼：<!DOCTYPE

文章簡介：新聞列表滑鼠滑過，顯示單條詳情. <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>demo</title><style type="text/css">body {

在項目中遇到這個屬性的用法設定文本的垂直顯示，但是只能在ie中使用，在其他瀏覽器中沒有很好的替代方法。文法：writing-mode : lr-tb tb-rl參數：lr-tb : 左-右，上-下tb-rl : 上-下，右-左說明：設定或檢索對象的內容塊固有的書寫方向。西方語言是左-右，上-下的書寫方式。但亞洲語言常有上-下，右-左的書寫方式。當此屬性值發生變化時，text-align屬性與vertical-align屬性的作用也將發生變化。樣本：div { writing-mode: tb-

<head> <title>立體按鈕 - www.cxybl.com</title> <style type="text/css"> #elButton a { color: #000000; font-size:12px; font-family:verdana; font-weight:bold;

文章簡介：link與@import在外部參考CSS中的區別.

可以通過指定 media="print" 來讓樣式表只在列印時起作用，然後用 display:none 隱藏頁首、頁尾、廣告等，此時還要注意了：此時應該把頁面內容的寬度設定為 100% 較好，因為這樣可以適應不同的紙張。您可能會說：我已經設定了 100%，為什麼我列印的時候，文章的右半部分沒有出現在紙上呢？這時就要想一想了：從 body 下面的第一級元素開始，到文章這一級，是不是有哪個 div 它的寬度不是 100%？有可能您使用了固定長度的單位為某一級的 div

1.[js壓縮]uglifyjs source.js -mc -o target.min.js以壓縮angular.js為例，可以壓縮局部變數名，去掉無用的局部變數，空白符等，壓縮比例接近80%，效率不錯[user_00@localhost ~]$ uglifyjs angular.js -mc -o angular.min.jsWARN: Dropping unused function isBoolean [angular.js:416,9]WARN: Dropping unused

文章有些老，但很具有參考價值。編者注。優先權問題其實就是一個衝突解決的問題，當同一個元素(或內容)被css選擇符選中時，就要按照優先權取捨不同的css規則，這其中涉及到的問題其實很多。首先就是css規則的specificity(特殊性)，css2.1有一套關於specificity的計算方式，用一個四位的數字串(css2是三位)來表示，最終specificity越高的規則越特殊，在優先順序判定時也就越有優勢。關於specificity的具體計算在各種情況下的數字加成有如下一般規則：每個id選擇符

網上流傳著一段搞死 ie 的代碼，包括 ie 8 都不能倖免。我下載下來，調了下格式，研究了下，其中的 css、table、未關閉的 form 這些都不能少。雖然說是這段代碼不嚴謹，但讓 ie 宕掉，還是很恐怖的。<html><head><title>ie crasher</title><style type="text/css">#a {margin:0 10px 10px;}#b

文章簡介：2012年排名前20位的CSS網站作品. 2012年湧現出眾多獨特的，令人印象深刻的 CSS 網站作品，要從中挑選出年度應用 CSS 的最佳網站列表一個嚴峻的挑戰，因為 CSS 涵蓋了媒體查詢（CSS3 Media Queries）、CSS 動畫和3D轉換等眾多特性。我根據過去 CSS 典型的應用情境挑選了其中的優秀作品組成一個列表，如果你有收藏更好的作品，歡迎留言向大家分享。1. Beercamp這個啤酒節的即時網頁充分應用了 3D CSS Transform

在這裡，巧妙的運用CSS的技巧，可以讓你不用修改HTML就能得到很好的部落格或者模板外觀。我收集了一些非常有用的CSS技巧讓我們設計部落格時更炫更酷。設計模版和部落客題時，我經常“不斷推敲和嘗試CSS（Hit and Trial CSS

文章簡介：顯示一些如title/meta之類的特殊元素。 title代表的是頁面的標題，很多時候跟h1的內容是一樣的。我在寫頁面的時候感覺總是重複一次很麻煩，於是就索性把h1給刪了，把title給顯示出來參與頁面配置，這樣整個頁面就有趣多了代碼很簡單head,title{display:block;} 是的，只有一句話，讓head和title都顯示。此外如果還對其他有興趣，可以把meta、script還有style等都顯示出來另外，下面這句也會很有趣body style,

css布局執行個體:上中下三行布局，上下定高，中間欄自適應瀏覽器高度，且內容垂直置中。本文代碼在firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 測試通過。對於非ie核心瀏覽器，通過設定display:table、display:table-row和display:table-cell來類比表格的表現形式。　　最外層#box { display:table; }，高度100%，其子層#header/#main/#footer為{

以前看jQuery的時候一直看不懂，為什麼$()這個Factory 方法能做那麼多事， 裡面對DOM的選擇功能太強大了！今天看了《CSS入門經典》這本書，原來CSS本身就有這麼多選取器，之前看jQuery的代碼，一直沒搞明白jQuery怎麼解析裡面的參數。從中總結了一個經驗：基礎不好不要去看那些架構，越看越糊塗。言歸正傳：1, 類別選取器 .planet{position: absolute;top:0;left:0;bottom:15px;}用一個點開頭，後面接類名本身，類名不能有空Ċ

文章簡介：置中一直是設計師們比較喜歡使用的一種擺放形式，無論是圖片還是文字都會被要求放在中間，水平或者垂直。css提供了很多方便的讓內容置中的方法給我們使用，以下羅列那些最長被使用的置中技巧。 置中一直是設計師們比較喜歡使用的一種擺放形式，無論是圖片還是文字都會被要求放在中間，水平或者垂直。css提供了很多方便的讓內容置中的方法給我們使用，以下羅列那些最長被使用的置中技巧。水平置中的text-align:center 和 margin:0 auto

文章簡介：內聯（行內）元素、區塊層級元素區別。 A：行內就是在一行內的元素，只能放在行內；區塊層級元素，就是一個四方塊，可以放在頁面上任何地方。B：說白了，行內元素就好像一個單詞；區塊層級元素就好像一個段落，如果不另加定義的話，它將獨立一行出現。C：一般的區塊層級元素諸如段落<p>、標題<h1><h2>...、列表,<ul><ol><li> 、表格<table>、表單<form>

文章簡介：對於Web開發人員來說，好用的CSS工具可以讓那些枯燥的工作變得有趣，並且還可以幫你更高效的編寫CSS代碼，在這裡向大家推薦15個必不可少的CSS開發工具和應用。 對於Web開發人員來說，好用的CSS工具可以讓那些枯燥的工作變得有趣，並且還可以幫你更高效的編寫CSS代碼，在這裡向大家推薦15個必不可少的CSS開發工具和應用。1. CSS Desk : An online CSS