大概大家讀知道`id`,`class`以及`descendant`選擇器，并且整體都在使用它們，那么你正在錯誤擁有更大級別的靈活性的選擇方式。這篇文章里面提到的大部分選擇器都是在CSS3標準下的，所以它們只能在相應最新版本的瀏覽器中才能生效，你完全應該把這些都記在你聰明的腦袋里面。1.*Css代碼*{margin:0;padding:0;}在我們看比較高級的選擇器之前，應該認識下這個眾所周知的清空選擇器。星號呢會將頁面上所有每一個元素都選到。許多開發者都用
系統 2019-08-29 22:13:06 2815
大家都知道現在各個瀏覽器都支持CSS3的自定義字體(@font-face)，包括IE6都支持，只是各自對字體文件格式的支持不太一樣。那么對于網站中用到的各種icon，我們就可以嘗試使用font來實現，本文將詳細講解這種用法。為什么要將icon做成字體？在很多網站項目中，我們常常會用到各種透明小圖標，然后網站要兼容各個瀏覽器，也可能會有多個尺寸，甚至還要考慮換膚等需求。那么我們就要將這些小圖標輸出為多種尺寸、顏色和文件格式，比如png8alpha透明或者pn
系統 2019-08-12 09:29:28 2812
byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1147關于瀏覽器文字選中顏色以我的系統舉例（xp默認主題），瀏覽器上頁面文字選中后默認的背景色是一種藍色，不同瀏覽器的顏色有些許差異，但大致相同，文字顏色也近乎白色，如下圖所示，截自Firefox3.6瀏覽器：在CSS3的爸爸媽媽還沒有相親認識的時候，要改變頁面上文字選中后的背景色以及文
系統 2019-08-29 23:45:39 2811
這個問題說起來有點慚愧，搞了很久才搞定。本人并不擅長CSS，至少在布局這塊到現在還是一片糊涂。不知道是不是對android布局太了解了，還是其他什么原因，我總是在html+css中想著采用android中的線性布局啊，相對布局啊什么的。可是，一個很簡單的布局都搞不定。具體看圖：很簡單的一個布局，看出問題了嗎？文字需要垂直居中怎么辦？這個圖對應的基本html如下：
系統 2019-08-29 22:17:48 2811
十步學習css定位知識http://www.barelyfitz.com/screencast/html-training/css/positioning/這個教程解釋了css布局中的以下問題：position:static,position:relative,position:absolute,float作為例子的div的代碼：id=div-before
<
系統 2019-08-29 23:51:58 2810
1.:first-line偽元素"first-line"偽元素用于向文本的首行設置特殊樣式。2.:first-letter偽元素"first-letter"偽元素用于向文本的首字母設置特殊樣式：3.:before偽元素":before"偽元素可以在元素的內容前面插入新內容。4.:after偽元素":after"偽元素可以在元素的內容之后插入新內容。CSS設計指南之偽元素
系統 2019-08-12 01:32:04 2809
文章參考http://blog.csdn.net/cangkukuaimanle/article/details/6798509http://www.jb51.net/css/16650.html說說畫三角形的原理1、設置一個DIV的高度和寬度全部為0,2、然后設置border-width為適當的值3、設置border-style為實線4、設置border-color的顏色，然后將上、右、下、左不需要顯示的邊框設置為透明即可例子
系統 2019-08-29 22:10:13 2804
CSS3扁平化風格聯系表單是一款CSS3簡易聯系表單非常清新，整體外觀不是那么華麗，但是表單扁平化的風格讓人看了非常舒服，同時利用了HTML5元素的特性，表單的驗證功能變得也相當簡單。經測試效果相當不錯，huiyi8素材推薦下載。css3按鈕：http://www.huiyi8.com/css3/anniu/一款簡易的CSS3扁平化風格聯系表單
系統 2019-08-12 01:33:19 2789
body{cursor:hand;margin:0;padding:0;position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%;}.link{position:absolute;left:0;width:100%;height:0;background:#000;overflow:hidden;visibi
系統 2019-08-29 23:41:34 2778
如今的屏幕分辨率，小至320px(iPhone)，大到2560px甚至更高(大顯示器)，變化范圍極大。除了使用傳統的臺式機，用戶會越來越多的通過手機、上網本、iPad一類的平板設備來瀏覽頁面。這種情況下，固定寬度的設計方案將會顯得越發不合理。頁面需要有更好的適應性，其布局結構要做到根據不同的設備及屏幕分辨率進行響應調整。接下來，我們將了解一下怎樣通過HTML5和CSS3MediaQueries(媒介查詢)相關技術來實現跨設備跨瀏覽器的響應式Web設計方案。
系統 2019-08-29 22:22:37 2769
近兩年來，程序員有一句話很流行，“不要重復制造輪子”，所以出現了許許多多讓我們非常受用的各種框架。Framework在開發的各個領域給我們減少了很多工作量。而對于網頁設計師來說，一直以來，缺少這樣的Framework來幫助設計師們減輕工作量。今天給大家推薦一些不錯的CSSFramework：首先是本文的主角：這是一個非常輕量級而且很少侵入性的框架（這話怎么看都不是網頁設計師能熟悉的，:-)），換句話來說，這是一個很底層的CSSFramework，并沒有替你
系統 2019-08-29 23:39:49 2768
你學會了基本的id，class類選擇器和descendant后代選擇器，然后就覺得完事了嗎？如果這樣，你就會錯過許多靈活運用CSS的機會。雖然本文提到的許多選擇器都屬于CSS3，并且只能在現代的瀏覽器中使用，但學會這些是大有好處的。1.*1234*{margin:0;padding:0;}首先我們來認識一些簡單的選擇器，尤其針對初學者，然后再看其他高級的選擇器。星號可以用來定義頁面的所有元素。許多開發者會使用這個技巧來把margin和padding都設為0
系統 2019-08-29 22:12:58 2754
css可以處理16,777,216顏色，可以使用名字、rgb值或十六進制代碼。程序代碼red紅色等同于rgb(255,0,0)等同于rgb(100%,0%,0%)等同于#ff0000等同于#f00有17個預先確定的顏色，它們是：aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,orange,purple,red,silver,teal,white,andyellow.transparent也
系統 2019-08-29 23:17:16 2749
一、定位的基本概念一般我們定位元素都使用絕對定位，因為絕對定位是最容易掌握的定位方式。但結合其他定位方式，我們可以設計更加靈活的頁面。CSS控制定位的屬性為：PositionCSS中關于定位（position）是這樣定義的：定位（position）：允許用戶精確定義元素框出現的相對位置，可以相對于它通常出現的位置，相對于其上級元素，相對于另一個元素，或者相對于瀏覽器視窗本身。每個顯示元素都可以用定位的方法來描述，而其位置由此元素的包含塊來決定的。他的允許值
系統 2019-08-29 23:02:24 2737
剛剛看到一篇國外討論CSSsprites利弊的文章，作者認為那是潛在的危險，在文中也指出了他的很多觀點，這個技術我用的時間不長，不過到也還是有一些體會的，在這里也說一說自己的理解吧。所謂CSSsprites就是把很多張小的背景圖集中在一張大圖上，然后通過定義background-position來調用不同位置的背景圖。這個技術最大的優點就是減少了HTTP請求，另外就是減小了圖片的大小，節省帶寬。這就是google的一張CSSsprites：googlecs
系統 2019-08-12 09:29:54 2729
