-
CSS Div網頁布局中的結構與表現
在Web標準中一個很重要的概念就是強調頁面的結構與表現分離。說的通俗一點就是XHTML中應該沒有樣式化的東西,而且Web在瀏覽器中除內容外都應該由CSS表現,這包括布局與其它樣式。一旦一個標準的...
作者:asdasdasd11-19 -
英文教程:鼠標懸停(hover)效果
前面一個CSS教程介紹了在網頁中利用CSS建立立體表格效果,今天給大家來一篇很不錯的鼠標懸停效果,也是用CSS實現的。
作者:asdasdasd11-19
這是一個很棒的鼠標懸停(hover)效果。從國外的網站上看到了,轉載過... -
CSS:閉合元素和浮動元素的差別
提示:本文不是教程,而是對閉合浮動元素的方法在某個特定情況下的現象的討論,涉及float、clear、overflow、:after等知識,新手勿入。
作者:asdasdasd11-19
float屬性在頁面排版上非常有用,但是也帶來很多問題。... -
css對于顏色和文本屬性的控制
原文:http://jorux.com/archives/property-1-if-you-love-css/
作者:asdasdasd11-19
本教程主要介紹css的基礎知識,將逐個講解css的各個屬性,過程可能比較枯燥,但會盡力多舉例說明.
css語法
例:用Web Developer的... -
CSS網頁制作布局實例教程
相關文章:用CSS建設網站的實例
作者:asdasdasd11-19
原文博客:veerle
翻譯整理:西米CC
來自國外博客veerle的一個系列教程,分八個部分講解一張完整CSS頁面的構建過程。雖然它不是每個步驟都解釋得非常詳細,但... -
CSS教程:簡化CSS中屬性的示例
在工作中編寫CSS代碼時,經常會出現冗余的代碼,特別是用“可見即可得”工具來編寫,為了提高代碼的質量及文件壓縮到最小,使代碼具有可讀性,我們不得不把CSS代碼簡化。
作者:asdasdasd11-19
下面用... -
dl,dt,dd標記在網頁中要充分利用
我們在制作網頁過程中用到列表時一般會使用<ul>或者<ol>標簽,很少用刑<dl>標簽,但是這個三個標簽卻有著不可忽視的作用,畢竟Web標準中要盡最大可能的使用已有的標簽。它們的用途是:
作者:asdasdasd11-19
< dl>< ... -
css對于字體和背景等屬性的控制
原文:http://jorux.com/archives/property-2-if-you-love-css/
作者:asdasdasd11-19
上次主要說明了css對于顏色和文本屬性的控制, 這次介紹css對于字體, 背景等屬性的控制.
字體(Font)css控制的字體屬性包括font-... -
CSS網頁設計字體大小(em)探討
相關文章:CSS教程:簡單理解em
作者:asdasdasd11-19
秦歌(YanKaven)的站點:http://dancewithnet.com/
今天是 Firefox3的2008下載日 ,這就意味著Firefox3正式發布了。Firefox3有眾多的改進和新功能,我最關注的功... -
CSS教程:行高line-height屬性(2)
相關文章:CSS教程:行高line-height屬性(1)
作者:asdasdasd11-19
7.3.3行高的計算與繼承 以em、ex和百分比為單位的行高,其基數是元素本身的字體尺寸。例如有代碼如下:
<pstyle="font-size:20px;line-height:2e... -
CSS網頁布局:div垂直居中的各種方法
在前面的文章中我簡單總結了一個“CSS在頁面布局中實現div水平居中的方法”,其實水平居中實現還是比較簡單的,反而垂直居中有點麻煩,因為我們設計頁面的時候往往水平寬度都是固定的...
作者:asdasdasd11-19 -
css制作有立體效果的表格
<style>.aa {margin:100px}ul {width:80px; float:left; margin:0px}.aa li a{border:1px #E5E5E5 solid; background-color:#EAEAEA; width:120px; height:30px; list-style:none; margin:0px;f...
作者:asdasdasd11-19 -
css對邊框的屬性控制和鏈接的偽類選擇器
原文:http://jorux.com/archives/property-3-if-you-love-css/
作者:asdasdasd11-19
本篇主要介紹css對邊框(border)的屬性控制和鏈接(link)的偽類選擇器.
邊框(border): css控制的邊框屬性包括border-width, bord... -
如何實現FireFox文本自動換行
FireFox文本自動換行處理,如何實現FireFox文本自動換行
作者:asdasdasd11-19
文本自動換行IE中解決方法:
word-wrap:break-word;word-break:break-all;
注:在要換行的內容相應的單元格或者DIV里加入,如:
<di... -
acronym標記和abbr標記的不同之處
acronym從字義上理解,是取首字母的縮寫詞,abbr是縮寫,在應用過程中,兩個標簽看起來差不多,但個人覺得還是有區別的。看下面的例子:
作者:asdasdasd11-19
Internet Explorer
<acronym title="IE">Internet Exp... -
網站字體大小 CSS該重新改寫?
很長一段時間,我都使用12px作為網站的主要字體大小。10px太小,眼睛很容易疲勞,14px雖容易看清,卻破壞頁面的美感。唯獨12px在審美和視力方面都恰到好處。
作者:asdasdasd11-19
誰對我的網站字體大小有意見?我老... -
HTML驗證的好處?
HTMLvalidate是指HTML驗證。它是通過與標準HTML規則進行比較的方式,分析HTML文檔、標記出錯誤和非標準代碼的處理過程。Web頁面使用HTML進行渲染,而HTML本身采用了HTML規范作為其規則和標準...
作者:asdasdasd11-19 -
cookie和dom操作調用樣式表實現網頁換膚
原理:通過存取cookie和dom操作調用不同的樣式表文件來實現前臺換膚.
作者:asdasdasd11-19
換膚示例下載:sour.rar
Html代碼部分:
1.要有一個帶id的樣式表鏈接,我們要通過操作這個鏈接來調用不同的href.
<link hr... -
CSS教程:div設置float后高度不自動增加
相關文章:http://www.jb51.net/css/divcss-4952.html
作者:asdasdasd11-19
http://www.jb51.net/css/divcss-5991.html
本來想把這個題目修改為“閉合浮動元素”或“清除浮動元素”,... -
CSS讓圖片垂直居中和底端對齊的代碼
本CSS教程提供了兩種對齊方式即垂直居中對齊和底端對齊!更多內容請參考本站的CSS視頻教程。
作者:asdasdasd11-19
CSS使圖片垂直居中的代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h... -
CSS編寫的網頁打開流暢相關知識與注意點
我們都熟知JavaScript可能會對Web頁面的加載與顯示產生較大的影響,因此我們常常關注JavaScript是不是會占用客戶端較多的資源,然而大部分都會忽略的一件有趣的事情,CSS也會對Web頁面載入的...
作者:asdasdasd11-19 -
CSS教程:行高line-height屬性(1)
相關文章:CSS教程:行高line-height屬性(2)
作者:asdasdasd11-19
行高的概念看上去很簡單——文字行的高度,其實,行高所涉及到的基礎知識,對于今后理解其它屬性也很重要。
大片密密麻麻的文字往往會... -
CSS教程:line-height屬性的繼承
原文:http://www.planabc.net/2008/07/25/unitless-line-heights/
作者:asdasdasd11-19
淘寶商城的detail 頁面“產品詳情”部分是商家自定義區塊,曾出現這樣一個問題:
<style type="text/css">p { ... -
DIV CSS布局瀏覽器兼容的問題
剛學css div布局,總會遇到很多瀏覽器兼容的問題,這個問題困擾了一段時間,只到看了精通css才看到幾個解決辦法。
作者:asdasdasd11-19
1.加clear空div
.clearfix:after { content: "."; display: block; height: ... -
CSS網頁布局強制換行和強制不換行的屬性講解
在CSS網頁布局中,常常會遇到這樣的問題,強制文字換行,而不是在一行內顯示撐開容器影響布局。而有些時候可能會強制內容不換行,多出的部分隱藏掉即可,關于強制不換行與強制換行的一些CSS...
作者:asdasdasd11-19
