-
使用CSS給圖片添加陰影的方法
一般我們可以使用背景圖的方式給圖片添加陰影,但對于不固定尺寸的圖片如何實現(xiàn)呢?我們可以采取“視覺欺騙大法”——定義漸變邊框來實現(xiàn):
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W... -
讓圖片 div居中實現(xiàn)代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
作者:asdasdasd11-19
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" l... -
CSS 模塊化 實現(xiàn)方法
最近被“模塊化”纏身,又是文章又是PPT的,被逼著想了很多相關的東西。整理下我這段時間對于“模塊化”的思考,大多都是我自己從事頁面重構這份工作的經(jīng)驗和理解,在一定程...
作者:asdasdasd11-19 -
針對IE8正式版的CSS hack
IE8正式版出來有一段日志了,但是針對ie8正式版的CSS hack卻很少,其實這是值得慶幸的,因為ie8修復了很多IE6和IE7的一些BUG,更加接近W3C標準。 針對IE8正式版的CSS hack目前可以找到的分為2種...
作者:asdasdasd11-19 -
CSS網(wǎng)頁設計 IE8和IE7共存
關于新發(fā)布的IE8Beta1,網(wǎng)友們都紛紛下載來使用,嘗到了功能強大的甜頭;有的卻因網(wǎng)絡流傳:安裝后會覆蓋原來的IE7,并且不能導入IE7的收藏夾的虛假消息。而使大家(特別是工作用的電腦)不敢嘗...
作者:asdasdasd11-19 -
CSS 網(wǎng)頁表單實現(xiàn)鼠標懸停交互效果
制作表單的時候,實現(xiàn)鼠標懸停交互效果有多種方法: 1、在xhtml中直接寫入onmouseover、onmouseout腳本就可以實現(xiàn)了,但這樣就違背了web標準所倡導的內容、表現(xiàn)相分離的原則。以后若要對此進行修...
作者:asdasdasd11-19 -
去掉點擊鏈接時周圍的虛線框outline屬性
以下是解決方案: 方法一: 在IE下是使用html屬性:hideFoucs,在HTML標簽中加上hidefocus=”true” 屬性即可,但這個屬性是IE私有的,F(xiàn)irefox是不認的。 <a href="#" hidefocus="tru...
作者:asdasdasd11-19 -
CSS text-shadow屬性
最近我因為要安裝 Firebug 1.4 導致我不得不安裝了 Firefox 3.5 ,所以很不小心地接觸到了Wordpress后臺那漂亮的文字陰影.也就是CSS中的text-shadow屬性.所以今天我整理了一些資料,希望可以對大家...
作者:asdasdasd11-19 -
條件 CSS的使用
介紹 毫無疑問,任何一個試圖使用 CSS 的網(wǎng)頁設計師和開發(fā)人員都會發(fā)現(xiàn)不同的瀏覽器要求不同的樣式聲明。這些煩惱歸咎于各瀏覽器及其各版本不同程度的 CSS 執(zhí)行的完整性。條件 CSS 是這個問題的...
作者:asdasdasd11-19 -
CSS 快速提升設計可讀性和維護性
設計漂亮的樣式表是一門藝術
作者:asdasdasd11-19
設計漂亮的樣式表不是一門暗黑藝術(如果用藝術家的眼光來看待這門藝術的話,那更多表現(xiàn)的是種對幸福的生活渴望和完美人生的追求. PS: 這是譯者找到的最靠譜的解釋.)... -
鼠標激活顯示背景色網(wǎng)頁特效CSS代碼
鼠標激活顯示背景色,我們該如何編寫這樣的代碼呢?我們來整理一下思路:把a里的部分設置成一個塊元素,然后定義鼠標放上后的樣式。CSS1中:hover只對a元素起作用,CSS2中:hover應用于所有元素....
作者:asdasdasd11-19 -
打印網(wǎng)頁中不打印頁面中的某些內容
其實很簡單,用一個CSS就可以實現(xiàn)了,這個方法同時支持IE和FF。 HTML內容
作者:asdasdasd11-19
XML/HTML Code復制內容到剪貼板
<HTML>
<HEAD>
<TITLE>Test Print</TITLE>
... -
CSS @import與link的具體區(qū)別
們知道在網(wǎng)頁中引用外部CSS有兩種方式,即:@import與link,我們也經(jīng)常聽到有人說要使用link來引入CSS更好,但是你知道為什么嗎?
作者:asdasdasd11-19
link
link就是把外部CSS與網(wǎng)頁連接起來,具體形式:
<link rel='styl... -
CSS 垂直居中五種實現(xiàn)方法
利用 CSS 來實現(xiàn)對象的垂直居中有許多不同的方法,比較難的是選擇那個正確的方法。我下面說明一下我看到的好的方法和怎么來創(chuàng)建一個好的居中網(wǎng)站。
作者:asdasdasd11-19
使用 CSS 實現(xiàn)垂直居中并不容易。有些方法在... -
CSS2 打印屬性讓打印HTML文檔不出問題
打印屬性 打印 HTML 文檔總是會出現(xiàn)問題。在 CSS2 中,我們可以借助打印屬性讓打印 web 內容更容易一些。 屬性 描述 值 orphans 設置元素放在頁面底部時所允許的最少文本行數(shù)。 number marks 設...
作者:asdasdasd11-19 -
CSS制作用戶登錄和用戶注冊的用戶體驗表單
關于用CSS制作符合標準的表單前面我們已經(jīng)看過代碼,這里是又一個例子。用CSS制作具有親和力的表單:
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/... -
制作網(wǎng)頁中設計段落縮進的方法
在使用Dreamweaver進行網(wǎng)頁制作中有關文檔資料內容的網(wǎng)頁時,如果是英文書寫格式,段落一般不縮進(不支持半角空格);如果需要縮進往往需要用如下方法解決:
作者:asdasdasd11-19
1、人為的加入兩個中文全角空格... -
HTML5 CSS3給網(wǎng)站設計帶來出色效果
1. 圓角效果
作者:asdasdasd11-19
CSS3 新功能中最常用的一項是圓角效果,標準 HTML 方塊對象是90度方角的,CSS3 可以幫你實現(xiàn)圓角。
1.moz-border-radius: 20px;
2.webkit-border-radius: 20px;
3.border-radius... -
CSS 網(wǎng)頁制作時遇到問題的快速參考技巧
有疑問,先驗證
作者:asdasdasd11-19
在調試時,先對您的代碼進行驗證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會導致許多布局上的錯誤。 在其他瀏覽器中進行測試... -
CSS3 完美實現(xiàn)圓角效果
現(xiàn)在使用CSS3 技術不需要圖片即可實現(xiàn)圓角,把側邊欄標題背景的圓角效果和搜索框的圓角效果用 CSS3 實現(xiàn)。記錄一下以便以后使用。W3C 很早就制訂了實現(xiàn)了 CSS 圓角的 CSS3 屬性:border-radius...
作者:asdasdasd11-19 -
CSS 新的圖像替換方法
參看 Dave Shea’s excellent summary ,Paul Young 在分析現(xiàn)存的所有方法的優(yōu)缺點之后,提出了一種新的方法,并將其命名為“狀態(tài)域方法”(The State Method),本文將詳細介紹...
作者:asdasdasd11-19 -
網(wǎng)頁排版 5個CSS基礎
本文給大家介紹在文章的排版中經(jīng)常會用到的幾個CSS基礎,當然,包括圖文混排,是怎樣做到的。
作者:asdasdasd11-19
1. 首行縮進
你知道的,從小學,老師就教我們,段落的開頭應該空兩格。而你使用word的時候... -
CSS 網(wǎng)頁布局 表格制作實例
相反,該用TABLE的地方是提倡使用TABLE的。
作者:asdasdasd11-19
例如下面的的布局,你需要用幾個DIV來浮動?
最合理的方法,就是使用表格來實現(xiàn)表格,經(jīng)過 HeTingYi 的發(fā)布以及 goos 的簡化,代碼如下:
頁面結構:... -
css li 去掉點的樣式寫法
li{ list-style: url("pre.gif") outside circle; } 直接變色 li{ color:#f00; } 關于這個list-style-type的一些語法與參數(shù): 語法: list-style-type : disc | circle | square | decimal | lo...
作者:asdasdasd11-19 -
CSS 數(shù)字和字母將容器撐大問題解決
對于div,p等塊級元素 正常文字的換行(亞洲文字和非亞洲文字)元素擁有默認的white-space:normal,當定義的寬度之后自動換行 html <div id="wrap">正常文字的換行(亞洲文字和非亞洲文字)元素擁有默...
作者:asdasdasd11-19
