-
閉合浮動元素讓CSS代碼更規(guī)范
按照CSS規(guī)范,浮動元素(floats)會被移出文檔流,不會影響到塊狀盒子的布局而只會影響內(nèi)聯(lián)盒子(通常是文本)的排列。因此當其高度超出包含容器時,一般父容器不會自動伸長以閉合浮動元素。但是...
作者:asdasdasd11-19 -
CSS代碼縮寫實例以及CSS縮寫原因總結
CSS語法在進行WEB標準網(wǎng)頁設計時必不可少的,一般情況下我們可以通過Dreamweaver軟件的“CSS樣式”面板自動生成相應的CSS代碼。不過雖然軟件生成的CSS代碼閱讀清晰易懂,但就是由于CS...
作者:asdasdasd11-19 -
五條非常重要的CSS技巧
今天向大家介紹另外五條非常重要的CSS技巧,可能有重復,大家多多理解這些知識一定有收益。
作者:asdasdasd11-19
一、圖像替換文本
#header h1 a{display:block;text-indent:-9999em;background:(images/log... -
CSS 控制字符寬度省略號效果 兼容瀏覽器
兼容瀏覽器的CSS控制字符寬度省略號效果,是非常實用的,由于FF對溢出顯示省略號的屬性支持不好。因而在進行編碼時,應用到了一個HACK和FF的私有屬性,大家在學習時注意區(qū)別。 看下面的HTML代碼...
作者:asdasdasd11-19 -
詳解CSS(層疊樣式表)漸進增強
有多種方式可以將漸進增強融入到層疊樣式表(Cascading Style Sheets, 簡稱CSS)的工作中,本文將討論其中比較成功的一些,并考慮采用其它方式來逐步增強你的站點。樣式表的組織 如何在文檔中...
作者:asdasdasd11-19 -
深入分析網(wǎng)頁CSS隱藏文字和以圖換字技術
打開電腦,感覺沒有什么事可做,就隨便拿起《css mastery》翻了下,剛好看倒圖像替換這塊,突然想起前些天曾有一網(wǎng)友問過該問題,就想總結出來,以便自己和網(wǎng)友今后參考。
作者:asdasdasd11-19
正式進入使用方法總結... -
網(wǎng)頁字體大小的設計技巧
字體大小
作者:asdasdasd11-19
CSS2規(guī)范根據(jù)長度——水平和垂直尺寸——來定義字體。這個長度為一個數(shù)值,前面可能帶一個可選的加( )或減(-)標記符。另外,該數(shù)值后可能有一個可選的單位標識符... -
css入門教程之學習網(wǎng)頁布局(1)
原文:http://jorux.com/archives/layout-1-if-you-love-css/
作者:asdasdasd11-19
從本篇開始講述如何用css實現(xiàn)網(wǎng)頁的布局,即如何用css控制網(wǎng)頁內(nèi)各個元素的顯示位置。如果你是一個初學者,很可能覺得做一個網(wǎng)頁的... -
純CSS實現(xiàn)的三級下拉菜單實現(xiàn)代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h...
作者:asdasdasd11-19 -
css vertical-align屬性詳細圖解分析
vertical-align屬性詳細分析 最近幾天仔細研究了一下vertical-align這個屬性,結果讓我大吃一驚,這個很“資深”的CSS標準竟然在各個瀏覽器里面的表現(xiàn)都各不相同。 vertical-alig...
作者:asdasdasd11-19 -
根據(jù)時段自動切換網(wǎng)站的CSS風格
網(wǎng)站能切換幾套CSS風格早已不是什么新鮮事了。大家也都知道怎么去弄。早上發(fā)現(xiàn)一個有意思得站點 http://www.leemunroe.com/ 同樣是切換風格。不過他做了點小小的調(diào)整。站點會根據(jù)當時的...
作者:asdasdasd11-19 -
CSS3的新特性介紹
邊框:(Borders)
作者:asdasdasd11-19
border-color:控制邊框顏色,并且有了更大的靈活性,可以產(chǎn)生漸變效果
border-image:控制邊框圖象
border-corner-image:控制邊框邊角的圖象
border-radius:能產(chǎn)生類似圓角矩... -
CSS經(jīng)典技巧20條總結
一、CSS字體屬性簡寫規(guī)則 一般用CSS設定字體屬性是這樣做的: font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,...
作者:asdasdasd11-19 -
CSS 學習心得
一直以來從事web開發(fā)方面的工作,做過很多項目,也做過無數(shù)的日常開發(fā),但自己只專注于需求的理解和系統(tǒng)設計方面,而對web頁面的展現(xiàn)很少關注,在遇到頁面問題時,往往都會交給UED部門的同事去處...
作者:asdasdasd11-19 -
網(wǎng)頁自動滿屏實現(xiàn)代碼
<!-- /* Font Definitions */ @font-face {font-family:宋體; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-alt:SimSun; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:vari...
作者:asdasdasd11-19 -
看懂《CSS hack瀏覽器兼容一覽表》
CSS hack瀏覽器兼容一覽表
作者:asdasdasd11-19
《CSS hack瀏覽器兼容一覽表》在很多的網(wǎng)站都是以一個圖片的形式出現(xiàn),所以許多讀者不能理解它的實現(xiàn)的用法,例如:property:value; ,這句到底是什么意思,其實只要... -
DOCTYPE和XHTML的相關認識
Web 標準使您能通過最少的工作,生成可被最廣大受眾訪問的 Web 站點。Web 標準的承諾是:只需設計頁面一次,即可讓該頁以完全相同的方式在任何現(xiàn)代的瀏覽器中顯示和工作。例如,在按照標準生...
作者:asdasdasd11-19 -
CSS兩種方式link和@import
看到淘寶網(wǎng)頁中大部分是這樣寫的
作者:asdasdasd11-19
<style type="text/css" media="screen">@import url("http://www.taobao.com/home/css/global/v2.0.css?t=20070518.css");</style>
而很多網(wǎng)站使用的都... -
快速定位頁面中復雜 CSS BUG
相信大家對于常見 CSS BUG 的處理已經(jīng)相對比較熟悉,例如:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但時常我們也會碰到復雜的 CSS BUG 問題,所謂“復雜”實質(zhì)是...
作者:asdasdasd11-19 -
CSS 一些使用用法
--引用外部的CSS樣式 @import url(樣式地址); --注釋 /*Modify this at 08/05/06 AM9:58*/ /**********NOTICE Theme Name:CSDN BLOG css style; Description:This is style templet file author...
作者:asdasdasd11-19 -
CSS 進度條實現(xiàn)代碼
作者:asdasdasd11-19
<style>
#graphbox{
border:1px solid #e7e7e7;
padding:10px;
width:250px;
background-color:#f8f8f8;
margin:5px 0;
}
#graphbox h2{
color:#666666;
font-family:Arial;
font-... -
簡單學習CSS網(wǎng)頁布局(初學者)
XHTML主要用div標簽進行網(wǎng)頁的布局,而控制布局的工具是CSS代碼,以使網(wǎng)頁符合Web標準。所以很多網(wǎng)頁設計師把這種布局方法的網(wǎng)頁叫做“Div+CSS”網(wǎng)頁。其實這是不太準確的說法,因為W...
作者:asdasdasd11-19 -
網(wǎng)頁緩沖效果特效代碼
作者:asdasdasd11-19
首先我要說的是,我是菜鳥,這些文章是獻給和我一樣想要學習的菜鳥們.論壇里有幾位朋友發(fā)過緩沖效果,但是象我這種菜鳥看他們的代碼實在是一種痛苦,因為不是一個層次的.... -
CSS教程:一張圖片實現(xiàn)圓角
作者:asdasdasd11-19
準備四個小容器,分別放小圓圈圖片的左上、右上、左下、右下四個部分,然后再分別定位到父容器的四個角上。
一張圖片就能實現(xiàn)圓角?是什么樣的圖片?... -
制作網(wǎng)頁使用的CSS樣式表錯誤排查方法
作者:asdasdasd11-19
如果在先進的瀏覽器內(nèi)測試是正確的,而在IE內(nèi)有問題,那基本上可以判定是IE的問題。
雖然瀏覽器可能存在著很多Bug,但是并不是與自己感覺不一樣的時...
