-
巧用CSS自定義網頁下劃線樣式
CSS為網頁設計者們提供了豐富而靈活的頁面元素表現形式的控制手段。但是,或許你可能注意到了,對于下劃線,CSS提供的可選操作卻不是很多。一般情況下,人們看到的下劃線基本上都是橫直線,缺少生氣和靈動。不過,路并不是死的,通過一些絕妙的改造,我們還- 1.7k
- 0
-
DIV下圖片自適應解決方法
以前的解決方法主要是利用js來實現,但用過的人都知道該辦法有點繁瑣。還有一種是在外部容器定義over-flow:hidden。但這種辦法只會切割圖片而不會自動適用。 關鍵在于:max-width:780px;以及下面那行。 固定像素適應: dotted; TABLE-LAYOUT: fixed; BORDER-T- 1.8k
- 0
-
14個常見的CSS技巧及常見問題
1、善用css縮寫可以減少頁面文件大小,提高下載速度,同時使代碼簡潔可讀。 如: div{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; border-bottom:1px solid #cccccc; } 可以寫為 p{border:1px solid #cc- 1k
- 0
-
CSS制作11種風格不同的特效文字
如果靈活應用CSS各種濾鏡的特點并加以組合,我們可以得到許多意想不到的效果。這是一些效果示范,供各位參考。 西部電子 用blur濾鏡做出的效果,代碼如下: FILTER: blur(direction=135,strength=8) 西部電子 用dropshadow濾鏡做出的效果,代碼如下: FILTER- 1.5k
- 0
-
CSS在IE和Firefox兼容要點分析
IEvsFF CSS兼容要點: DOCTYPE影響CSS處理 FF:P設置margin-left,margin-right為auto時已經居中,IE不行 FF:body設置text-align時,P需要設置margin:auto(主要是margin-left,margin-right)方可居中 FF:設置padding后,P會增加height和width,但IE不會,故需要用!im- 1.6k
- 0
-
CSS設計網頁頭部的寫法
在div+css布局中,一般都這樣來整體構架的: div id="header"/div div id="center"/div div id="footer"/div 而對于header部分,肯定要顯示網站標題,除了顯示網站標題外,還可能要顯示其他比較重要的對象,比如網站的導航欄: div id="header" d…- 1.6k
- 0
-
CSS布局口訣:CSS BUG順口溜
在進行CSS網頁布局時遇到BUG,請認真閱讀以下內容,非常容易記憶的,不知道哪位高人把CSS BUG編成了順口溜了!看看好不好記住呢? 一、IE邊框若顯若無,須注意,定是高度設置已忘記; 二、浮動產生有緣故,若要父層包含住,緊跟浮動要清除,容器自然顯其中;- 2.1k
- 0
-
表格對決CSS–一場生死之戰
原文作者:Sergio Villarreal 作者簡介:墨西哥網頁設計師,1993年接觸網絡,個人主頁為Overcaffeinated.net 原文出處: sitepoint.com 原文發表時間:2004年5月27日 前言 我第一次在internet上沖浪用的還是啞終端。不久以后,明尼蘇達州的一種單色的顯示器- 1.7k
- 0
-
CSS基礎教程:CSS的Pseudo Classes 偽類
請你注意一些CSS偽類屬性不被所有瀏覽器支持,但有四個偽類可以安全使用在鏈接上 偽類像是指定選擇器狀態或關聯選擇器的門閂。它們的形式如:selector:pseudoclass{property:value;},在選擇器和偽屬性之間使用冒號。 link沒有點擊過的鏈接 visited以點擊過- 1.2k
- 0
-
CSS浮動屬性Float詳解
原文 : all about floats 譯文 : 關于浮動的前世今生 版權所有,轉載請注明出處,多謝!! 什么是浮動? 浮動是 css 的定位屬性。我們可以看一下印刷設計來了解它的起源和作用。印刷布局中,文本可以按照需要圍繞圖片。一般把這種方式稱為“文本環繞”。- 15.6k
- 0
-
用CSS縮寫給你的網站加速
Web網站可用性的關鍵指標是速度,更確切地說,是頁面能以多快的速度出現在訪問者的瀏覽器窗口里。影響速度的因素有很多種,包括Web服務器的速度、訪問者的Internet連接情況,以及瀏覽器必須下載的文件大- 1.2k
- 0
-
CSS中的行為——expression
作者的blog: www.jluvip.com/blog/ CSS中的行為——expression 最近對CSS中的行為比較感興趣,雖然是不符合標準的也只有ie才能識別,但是他確實給css的功能擴展了不少。下面是摘自互聯網上的文字和例子,因為都被轉爛了,沒法注明出處。 IE5及其以后版本支持- 1k
- 0
-
根據用戶瀏覽器及分辨率調用不同的CSS樣式文件
DIV CSS教程:判斷用戶分辨率調用不同的CSS樣式文件 (未測試 來自網絡 請自行驗證) var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; 引號里面分別填寫,用戶使用IE的時候并且分辨率為1024*768,800*600,1152*864要使用的…- 2.3k
- 0
-
CSS語法手冊(一)字體屬性
1、font-family 功能 :用于改變HTML標志或元素的字體,你可設置一個可用字體清單。瀏覽器由前向后選用字體。 語法 :{font-family:字體1,字體2, ... ,字體n} 例子 : 字體 2、font-style 功能 :使文本顯示為扁斜體或斜體等表示強調 。 數值 : normal - 正- 1.3k
- 0
-
CSS+DIV制作頁面圓角效果
樣式表文件: .b1{height:1px;font-size:1px;overflow:hidden;display:block;background:#000;margin:05px;} .b2{height:1px;font-size:1px;overflow:hidden;display:block;background:#fff; border-right:2pxsolid#000;bo…- 4.7k
- 0
-
CSS實現Table單元格自動換行或不換行
用CSS實現Table單元格數據自動換行或不換行的實現方法: 1、強制換行: style type="text/css" .AutoNewline { word-break: break-all;/*必須*/ } /style table tr td class="AutoNewline"自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行- 1.8k
- 0
-
CSS中內聯元素與塊級元素
《CSS權威指南》中文中:任何不是塊級元素的可見元素都是內聯元素。其表現的特性是“ 行布局”形式,這里的“行布局”的意思就是說其表現形式始終以行進行顯示。比如,我們設定一個內聯元素border-bottom:1px solid #000;時其表現是以每行進行重復,每一行下- 2.1k
- 0
-
CSS應用基礎教程(1) 基本認識
關 於 C S S 的 概 論 CSS是『Cascading Style Sheets』的簡稱,中文翻為「串接樣式表」,也有人只翻為「樣式表」。CSS用以作為網頁的排版與風格設計,在所謂的「新式網頁」里 ,CSS不容置疑是相當重要的一環。CSS是以既有的基礎,用以彌補既- 1.3k
- 0








