-
渲染CSS選擇器
最近在High Performance Web Sites blog看到一篇關于css選擇器的文章《Simplifying CSS Selectors》,我英文太差,在翻譯軟件和朋友的幫助下稍微的看懂了一些,看本文需要謹慎,謹防被我誤導,如...
作者:asdasdasd11-19 -
CSS 網頁內容換行控制
在進行DivCSS布局時,需要對文本進行控制,我們在jb51.net以前的文章中,也講過這方面的知識,今天系統的向大家介紹一下。CSS中控制換行的四種屬性。
作者:asdasdasd11-19
一、white-space 可以實現HTML中PRE標... -
廣告始終定位到網頁右下角 css
互聯網提供了很多種“將廣告始終定位到網頁右下角”的解決方案,大多會用到javascript,其實僅調用樣式表就可以實現該效果。 以下萬惡的代碼主要是寫給IE6的,在IE7和FF瀏覽器中,只需...
作者:asdasdasd11-19 -
firefox 滾動條消失引起頁面抖動的問題
復制代碼代碼如下:html {height: 100%; margin-bottom: 1px; }用上面的代碼即可。
作者:asdasdasd11-19
... -
CSS代碼 注釋的3種方法
1、選擇器(child selector) 如果你想在IE中隱藏一個CSS定義,可以使用子選擇器。 css部分: 復制代碼代碼如下: html>body p { /* declarations */ } 2、“通配符”(*) 這種寫法只有...
作者:asdasdasd11-19 -
CSS 兼容問題
什么叫CSS HACK呢? 針對不同的瀏覽器寫不同的CSS code的過程,就叫CSS hack,也叫寫CSS hack。 CSS Hack的原理是什么(CSS的兼容問題) 由于不同的瀏覽器對CSS的支持及解析結果不一樣,還由于CS...
作者:asdasdasd11-19 -
DIV+CSS 網頁布局心得
我們在jb51.net一直強調交流的重要性,只有通過交流才能發現自己的不足,才能明確的知曉自己到底掌握了多少知識,哪些地方不足,哪些地方已經掌握,今天與大家分享一位jb51網友的DivCSS網頁布局...
作者:asdasdasd11-19 -
superLink 讓偽鏈接更有可用性
前幾天,看到有人寫了個superLink的東東,主要的做什么用呢? 我們有時會給在大塊元素加個window.location='http://www.jb51.net',還順便把光標定義成移上去會變成手勢還代替鏈接,為什么不直接...
作者:asdasdasd11-19 -
純CSS定位的固定垂直居中浮動層代碼,附經典解說 《詳解定位與定位應用》
關于在html中浮動層是眾多網頁愛好者剛開始的難點,主要在于定位。如果你對CSS定位還不夠了解 可以接著往下看,運行里面的內容即可。【需求】: 將一個網頁分成頭、身和腳三部分。如下: &mdash...
作者:asdasdasd11-19 -
網頁頭部css代碼優化實例
在div+css布局中,一般都這樣來整體構架的: 復制代碼代碼如下: <div id="header"></div> <div id="center"></div> <div id="footer"></div> 而對于header部分,肯定要顯示網站標題,除了顯示網...
作者:asdasdasd11-19 -
CSS教程 匯總讓IE6崩潰的幾種方法
經常遇到莫名其妙讓IE6崩潰的事情。今天看到了一篇好文章,腳本之家整理整理發上來,以后開發的時候要注意了。
作者:asdasdasd11-19
鑒于國內IE6的市場份額還在主流的情況,一定要避免出現以下情況。
IE6真脆弱啊
1.... -
css 不同媒介的顯示樣式控制方式
//在屏幕上顯示的樣式 <link rel="stylesheet" type="text/css" media="screen" href="screen.css"/> //在打印時顯示的樣式 <link rel="stylesheet" type="text/css" media="print" href="print...
作者:asdasdasd11-19 -
文字超過寬度顯示省略號(無js全兼容)
PS. 由于使用的附件作為圖片,使用其他瀏覽器測試時,保證登錄才能看到完整效果。 ^-^ 三更半夜果然適于思考,辦法有點怪,讓我們先看看效果:
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ... -
詳解css 定位與定位應用
定位的定義:
作者:asdasdasd11-19
在CSS中關于定位的內容是:position:relative | absolute | static | fixed
static 沒有特別的設定,遵循基本的定位規定,不能通過z-index進行層次分級。relative 不脫離文檔流,... -
網頁選項卡TAB設計原則和應用案例教程
Module Tabs(也稱選項卡,后文中簡稱Tab,以便更符合中國設計師的日常叫法) 是一個常見的交互元素——將不同的內容重疊放置在某一布局區塊內,重疊的內容區里的每次只有其中一層是可見...
作者:asdasdasd11-19 -
鼠標指向網頁圖片時圖片周圍顯示虛線框
圖片邊框變換CSS Hover狀態效果,代碼如下:
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3... -
CSS 教程之內容設置的一些語法
一、white-space
作者:asdasdasd11-19
可以實現HTML中PRE標簽的效果,以及單元格的noWrap效果。
語法: white-space : normal | pre | nowrap
取值: normal: 默認值。默認處理方式。文本自動處理... -
CSS 書寫有怎樣的功能
隨著公司業務的增加,需求變的越來越多,團隊也因此在不斷的擴大,我們經常會遇到幾個人協同工作來完成同一件作品或者維護修改別人作品的時候,那么是什么最讓你最感到困擾呢?我們在實現一個表...
作者:asdasdasd11-19 -
網頁設計新手30條進階秘技
許許多多的網頁新手正徘徊在專業編碼的門檻前,而網上的教程參差不齊,魚龍混雜,很容易讓新手迷茫。這里總結了30條網頁編碼的“秘技”,只要在編碼過程中牢記它們,靈活運用,你一定...
作者:asdasdasd11-19 -
IE7和IE8的兼容性問題
CSS兼容問題已經是CSS網頁布局技術中的重要組成部分,也讓廣大的CSSer大為頭疼,雖然jb51.net介紹過不少相關的知識與技巧,但是隨著IE8的越來越廣泛的安裝應用,對IE7和IE8的兼容問題,也頗受關...
作者:asdasdasd11-19 -
用div和ul標簽畫表格進行布局兼容火狐、ie6、ie7、Opera等瀏覽器
復制代碼代碼如下:<html> <head> <style> <!-- #table { width:701px!important; width:700px; border-top:1px #000 solid; } #table ul { margin:0px; padding:0px; width:701px!important; wi...
作者:asdasdasd11-19 -
css textarea 高度自適應,無滾動條
用css控制textarea文本域的高度隨內容的變化而變化,不出現滾動條. CSS代碼: 復制代碼代碼如下: .t_area{ width:300px; overflow-y:visible } <textarea class="t_area"> 隨便在這里輸入內容,tex...
作者:asdasdasd11-19 -
FireFox中上層高度不影下層的解決辦法
在寫網站時,遇到一個差點讓我抓狂的事情。以下是一個很簡單的網頁:
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional... -
CSS分欄布局的方法:絕對定位和浮動
在CSS中,實現分欄布局有兩種方法。第一種方法是使用四種CSS定位選項(absolute 、static、relative和fixed)中的絕對定位(absolute positioning),它可以將文檔中的某個元素從其原本位置上移除,...
作者:asdasdasd11-19 -
CSS 網頁布局網頁制作技巧總結
CSS網頁布局開發中,會有很多小技巧,這之類相關的文章在jb51.net有許多介紹,這里再擴展一下您所想要得到的知識,相信您會有很多收獲! 一、ul標簽在Mozilla中默認是有padding值的,而在IE...
作者:asdasdasd11-19
