CSS命名規(guī)范一．文件命名規(guī)范全局樣式：global.css；框架布局：layout.css；字體樣式：font.css；鏈接樣式：link.css；打印樣式：print.css；二．常用類/ID命名規(guī)范頁 眉：header內(nèi) 容：content容 器：container頁
2020-02-04
一般我們可以使用背景圖的方式給圖片添加陰影，但對于不固定尺寸的圖片如何實現(xiàn)呢？ 我們可以采取"視覺欺騙大法"——定義漸變邊框來實現(xiàn) 代碼：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
2015-06-28CSS Expression也稱為CSS表達(dá)式，它是動態(tài)設(shè)置CSS屬性的強大方法，但也存在著一定的危險性。在CSS Expression中使用JavaScript表達(dá)式。CSS屬性根據(jù)JavaScript表達(dá)式的計算結(jié)果來設(shè)置。CSS Expression在其它瀏覽器中不起作用，因此在跨瀏覽器的編碼中
2015-06-28 目前用來清除"閉合(清除)浮動"的方法，主要是一下四種： 1. 額外標(biāo)簽法 這種方法就是向父容器的末尾再插入一個額外的標(biāo)簽，并令其清除浮動（clear）以撐大父容器。這種方法瀏
2015-06-28 今天萌發(fā)一個想法，用css來實現(xiàn)透視效果。起初，我想到的是我們常見的添加陰影效果的方法，用多個div通過偏移來實現(xiàn)，但這需要很多 div，不夠理想。隨后，我想到css的一個屬性：border，在border相連接處可以產(chǎn)生對角線效果。這樣用兩個div就可
2015-06-28CSS網(wǎng)頁布局，說難，其實很簡單。說它容易，往往有很多問題困擾著新手，介紹了非常多的技巧，這些小技巧與知識能事半功倍的給大家以幫助。然而更多的時候，我們往往被一些小問題纏著不能輕松。今天向大家介紹八個技巧，這些技巧顯得很有用。一、若有疑問立即檢測在
2015-06-28本文向大家描述一下解決XHTML+CSS兼容性的五個方案!雖然使用XHTML+CSS構(gòu)架好處不少，但也確實存在一些問題，這里和大家分享一下解決方案?！ 〗鉀QXHTML+CSS兼容性的五個方案! 使用XHTML+CSS構(gòu)架好處不少，但也確實存在一些問題，不論是因為使用不熟練還是思
2015-06-28同樣的合法CSS居中設(shè)置在不同瀏覽器中的表現(xiàn)行為卻各有千秋，下面讓我們先來看一下CSS中常見的幾種讓元素水平居中顯示的方法。 CSS常見的讓元素水平居中顯示方法 用CSS讓元素居中顯示并不是件很簡單的事情—同樣的合法CSS居中設(shè)置在不同瀏覽器中的表
2015-06-28 關(guān)于CSS對各個瀏覽器兼容已經(jīng)是老生常談的問題了, 網(wǎng)絡(luò)上的教程遍地都是.以下內(nèi)容沒有太多新穎, 純屬個人總結(jié), 希望能對初學(xué)者有一定的幫助. 一、CSS HACK 以下兩種方法幾乎能解決現(xiàn)今所有HACK. &nbs
2015-06-28一個樣式(Style)的語法由三部分構(gòu)成：Selector(中文叫選擇器有點怪怪的，就用英文吧)，屬性(Property)，屬性值(Value)。selector {property: value}舉個例子，下面的代碼p就是selector，color就是屬性，blue就是屬性值。p {color:blue}HTML中所有的Tag都可以作為se
2015-06-28本篇文章適合css新手學(xué)習(xí)，對于已經(jīng)掌握了css的朋友們也可以通過本片文章來復(fù)習(xí)知識。 作者通過實踐，認(rèn)為在有些情況下css的代碼是可以更加簡潔的，多數(shù)情況下是因為新手對于一些具有多屬性的元素代碼不能精簡來寫造成的?！ 【喌拇a對于網(wǎng)頁是有莫大的
2015-06-28CSS＋DIV是網(wǎng)站標(biāo)準(zhǔn)（或稱"WEB標(biāo)準(zhǔn)"）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計語言中的表格（table）定位方式的區(qū)別，因為XHTML網(wǎng)站設(shè)計標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用css+div的方式實現(xiàn)各種定位。應(yīng)用應(yīng)用DIV+CSS編碼時很容易犯一些錯誤
2015-06-281.DOCTYPE 影響 CSS 處理 2.FF: div 設(shè)置 margin-left, margin-right 為 auto 時已經(jīng)居中, IE 不行 3.FF: body 設(shè)置 text-align 時, div 需要設(shè)置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 設(shè)置 padding 后, div 會增加 height 和 width, 但
2015-06-28以下為引用的內(nèi)容：<style>/* -----頁面統(tǒng)一設(shè)置----- */html,body{ margin:0px; padding:0px; background:url(images/boydBg.gif) repeat-x;}img{ border:0px; } /* -----開始頂部統(tǒng)一設(shè)置----- */#head{ width:1000px;
2015-06-28字體大小 CSS2規(guī)范根據(jù)長度——水平和垂直尺寸——來定義字體。這個長度為一個數(shù)值，前面可能帶一個可選的加(+)或減(-)標(biāo)記符。另外，該數(shù)值后可能有一個可選的單位標(biāo)識符?！ ×硗?，CSS2規(guī)范定義了兩個單位類型:絕對單位和相對單位。
2015-06-28之前就見過很多網(wǎng)站在側(cè)邊欄上使用<dl />標(biāo)簽對來完成側(cè)邊欄欄目的布局，最近在研究DEDECMS的默認(rèn)模板時，也發(fā)現(xiàn)該模板在大量的地方使用<dl></dl>標(biāo)簽對來完成頁面的布局，比如模板首頁的欄目循環(huán)以及側(cè)邊欄的欄目都是用<dl></dl>標(biāo)
2015-06-28我今天晚上，做一個快印公司的網(wǎng)站布局，在Div鑲套布局中，父標(biāo)簽DIV的高度不變。在IE下沒有問題，但是在FIREFOX下就有問題了。如圖：發(fā)了兩張同樣的怕百度盜鏈，另一張放在我網(wǎng)站上，在教育網(wǎng)內(nèi)http://hiphotos.baidu.com/one2two/pic/item/a7c3653de3c3f1de9f3d6
2015-06-28總結(jié)出關(guān)于W3C CSS標(biāo)準(zhǔn)的一些經(jīng)驗： 一、少用偏門。類似break-word斷行，z-index手動分層，還有像垂直對齊等等這些偏門CSS最好少用，因為不一定所有瀏覽器都支持，而且極難通過W3C檢測?！ 《?、center不是float的值。很多新手都會把center誤認(rèn)為是float的值
2015-06-28在大多數(shù)文章中，我們并未特別注意CSS文件的可維護(hù)與可讀性的問題，當(dāng)完成一項前端的工作之后，許多人都會忘記該項目的結(jié)構(gòu)與細(xì)節(jié)。然而代碼并不是馬上就能完全定型，在余下的時間里還有不斷的維護(hù)工作，而這些工作也許不會是你自己完成。所以，結(jié)構(gòu)優(yōu)良的代碼能很
2015-06-28一個網(wǎng)站能切換不同的CSS風(fēng)格大家應(yīng)該都了解，像眾所周知的騰訊在今年改版時也增加了切換皮膚的功能。根據(jù)時間自動調(diào)整站點風(fēng)格是不錯的想法，這種根據(jù)時間自動調(diào)整站點風(fēng)格也不是什么新鮮事，記得好久以前也見過類似的文章或方法，只不過當(dāng)時沒有特別注意。下面說
2015-06-28文章排行 DIV CSS完美兼容IE6/IE7/FF的通用方法 CSS實例：list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實例 CSS實例:通過定義漸變邊框給圖片加陰影 CSS常用技巧之一 禁止文字自動換行 網(wǎng)頁頁面設(shè)計中CSS十大注意 解決用CSS控制DIV居中失效的問題 css div設(shè)置float后高度不能自動增加 讓CSS兼容IE和Firefox的技巧集合 解決Flash 在Div中無法居中 描述性列表UL和DL的表現(xiàn)形式 一行、多行文本垂直居中的CSS實例說明 IE中怎么會出現(xiàn)雙倍邊距？-DivCSS教程 完美解決CSS網(wǎng)頁水平居中 CSS教程:網(wǎng)頁字體及字體大小的設(shè)計 發(fā)一個DIV+CSS高度自適應(yīng)方法網(wǎng)頁代碼實例
熱門圖文
DIV+CSS網(wǎng)頁布局常用的一些基礎(chǔ)知識整理
CSS命名規(guī)范一．文件命名規(guī)范全局樣式：global.css