-
如何快速的呈現(xiàn)我們的網(wǎng)頁(yè)
一、我們需達(dá)解決的麻煩 減少HTTP請(qǐng)求數(shù). 減少HTTP請(qǐng)求數(shù)有什么好處 降低服務(wù)器跟客戶端的建立和消除HTTP請(qǐng)求和響應(yīng)Header的開(kāi)銷 減少服務(wù)器為HTTP連接的進(jìn)程和線程的開(kāi)銷,如果可能,還會(huì)包括GZIP壓縮的CPU開(kāi)銷. 減小被請(qǐng)求文件大小, 減少請(qǐng)求數(shù)據(jù)占用的網(wǎng)絡(luò)- 1.3k
- 0
-
CSS應(yīng)用基礎(chǔ)教程(2) 應(yīng)用方式
Ｃ Ｓ Ｓ 的 聲 明 方 式 這章節(jié)將開(kāi)始為您介紹ＣＳＳ的應(yīng)用。當(dāng)然一開(kāi)始要介紹的是如何去建立個(gè)樣式表 （Style Sheets），包括了聲明的方式和應(yīng)用在網(wǎng)頁(yè)上的方法，最後還會(huì)為您概述一下ＣＳＳ的一些特性。概略來(lái)說(shuō)，ＣＳＳ的聲明有三種方式： 一、基本聲明- 1.4k
- 0
-
CSS應(yīng)用基礎(chǔ)教程(4) 顏色背景
本 章 Ｃ Ｓ Ｓ 的 主 要 作 用 在前面的章節(jié)介紹完了聲明與應(yīng)用的方法及 一些特性之後，從這章開(kāi)始，便要正式進(jìn)入ＣＳＳ的指令介紹了！本章有兩個(gè)介紹的主 題，第一個(gè)部份介紹的是顏色與背景性質(zhì)的ＣＳＳ，其主要的作用在于設(shè)定元素的前景 顏色、背景顏色與- 1.4k
- 0
-
CSS制作11種風(fēng)格不同的特效文字
如果靈活應(yīng)用CSS各種濾鏡的特點(diǎn)并加以組合，我們可以得到許多意想不到的效果。這是一些效果示范，供各位參考。 西部電子 用blur濾鏡做出的效果，代碼如下： FILTER: blur(direction=135,strength=8) 西部電子 用dropshadow濾鏡做出的效果，代碼如下： FILTER- 1.6k
- 0
-
利用CSS改善網(wǎng)站可訪問(wèn)性
最近，我不得不對(duì)我的一個(gè)客戶的舊網(wǎng)站進(jìn)行更新，使得它能夠達(dá)到可訪問(wèn)性的標(biāo)準(zhǔn)。對(duì)三四年前的舊代碼進(jìn)行挖掘的想法根本沒(méi)有吸引力，主要是因?yàn)槲以?jīng)使用的很多編程慣例已經(jīng)不再適用，特別是從可訪問(wèn)性上來(lái)講。我曾經(jīng)使用絕對(duì)的字體大小，固定的頁(yè)面寬度和- 1.1k
- 0
-
CSS圓角技術(shù)
要一個(gè)寬度不固定的框，事情變得有些復(fù)雜了。寬度不固定，就意味著這個(gè)框在水平和垂直方向都有足夠靈活的變化。 為什么說(shuō)這更難一些呢？因?yàn)樗枰獙?duì)四張圖片的合適安置——每個(gè)圓角用一張。每個(gè)圓角都要獨(dú)立出來(lái)，以便框能夠在各個(gè)方向伸展。于是，四張圖片- 4.2k
- 0
-
CSS基礎(chǔ)教程:Borders 邊框
CSSBorders邊框 邊框可以運(yùn)用到body里的大部分HTML元素。 制作一個(gè)元素的邊框，你需要border-style邊框樣式。值可以是：solid,dotted,dashed,double,groove,ridge,insetandoutset，具體樣式大家可以實(shí)際下。 border-width設(shè)定寬度，通常使用pixels即單位是px- 1.4k
- 0
-
CSS基礎(chǔ)教程: CSS的Background Images 背景圖片
背景圖片BackgroundImages有許多屬性可以操作。 幸運(yùn)的是，可以使用background處理所有： body{ background:whiteurl(http://img.sj33.cn/allimg/200803/20080309225852658.gif)no-repeattopright; } 上面合并了下面屬性： background-color出現(xiàn)在前面。 back- 2k
- 0
-
增加親和力和易訪問(wèn)性:把控制字體大小的決定權(quán)交還給用戶
現(xiàn)在國(guó)內(nèi)絕大多數(shù)的站點(diǎn)都用CSS把字體大小設(shè)定為12px，像素雖然也是相對(duì)尺寸單位，但只是相對(duì)于屏幕的分辨率 ，當(dāng)屏幕的分辨率一定時(shí)，如果你感到字太小，閱讀有困難，在非標(biāo)準(zhǔn)瀏覽器中就無(wú)能為力了，所以說(shuō)，如果把單位改成em，那么就可以用CTRL+鼠標(biāo)滾動(dòng)把- 1.4k
- 0
-
CSS如何定義一條水平虛線?
如果定義一條水平的虛線呢？ 我們首先需要了解，關(guān)于線條的CSS的兩個(gè)樣式： dotted: 在MAC平臺(tái)上IE4+與WINDOWS和UNIX平臺(tái)上IE5.5+為點(diǎn)線。否則為實(shí)線 dashed: 在MAC平臺(tái)上IE4+與WINDOWS和UNIX平臺(tái)上IE5.5+為虛線。否則為實(shí)線 水平線條，我們可以用hr來(lái)實(shí)現(xiàn)，- 6.4k
- 0
-
CSS技巧:段正淳的css筆記
淘寶首頁(yè)上的一個(gè)小技巧。 類目之間的橫豎線 從很久很久以前開(kāi)始，類目間的豎線無(wú)非都只有三種。 背景圖 在a標(biāo)簽設(shè)置一個(gè)padding 用寬1px高不等的背景圖來(lái)position到右側(cè)。 缺點(diǎn)：最后一個(gè)還是要用class來(lái)隱藏掉背景。 符號(hào) 在每個(gè)a標(biāo)簽之間用”|”符號(hào)來(lái)填- 1.4k
- 0
-
CSS基礎(chǔ)教程:Class以及ID選擇器
前面的學(xué)習(xí)我們僅僅使用HTML選擇器（在HTML頁(yè)面里為html標(biāo)簽，如 P） 現(xiàn)在我們學(xué)習(xí)使用clss和id定義屬于自己的選擇器。 這樣，同樣的html元素可以通過(guò)class或ID使用不同的表現(xiàn)。 在CSS里，使用點(diǎn)號(hào)（.）創(chuàng)建class選擇器，使用hash符號(hào)（#）創(chuàng)建ID選擇器。 例- 1.8k
- 0
-
Div+CSS實(shí)例教程：讓頁(yè)腳保持在未滿屏頁(yè)面的底部
DivCSS實(shí)例：讓頁(yè)腳保持在未滿屏頁(yè)面的底部 在內(nèi)容不超過(guò)一屏的情況下，當(dāng)瀏覽器窗口變小那行頁(yè)腳文字會(huì)跟著向上浮動(dòng)但還是保持在底部。 當(dāng)內(nèi)容多出一屏?xí)r，他顯示在網(wǎng)頁(yè)的最下邊，而不是窗口的最下邊；測(cè)試了一下，還可以，在IE6、IE7、FF等都沒(méi)有問(wèn)題！窗- 3.7k
- 0
-
div中class與id的區(qū)別及應(yīng)用
class是設(shè)置標(biāo)簽的類。 id是設(shè)置標(biāo)簽的標(biāo)識(shí)。 class屬性用于指定元素屬于何種樣式的類。 如樣式表可以加入： .baobao { color: lime; background: #ff80c0 } 使用方法：class="baobao" id屬性用于定義一個(gè)元素的獨(dú)特的樣式。 如一個(gè)CSS規(guī)則： #binbin { font- 1.3k
- 0
-
學(xué)習(xí)CSS的偽類
和一般的CSS語(yǔ)法不同，CSS偽類的語(yǔ)法有兩種。 第一種： selector:pseudo-class {property: value} 也可以用HTML的class屬性來(lái)設(shè)定偽類。 例句： a:link {color:red} 第二種： selector.class:pseudo-class {property: value} 偽類是最常用的偽類。 例句： a.- 1.2k
- 0
-
CSS產(chǎn)生的特殊效果
經(jīng)常有朋友問(wèn)：如何使有超級(jí)連接的文字不出現(xiàn)下劃線，如何使鼠標(biāo)移動(dòng)到超連上產(chǎn)生變色的效果？其實(shí)這些通過(guò)傳統(tǒng)的方法是辦不到的。而使用CSS的控制卻可以非常輕松地作到，而且，頁(yè)面的代碼也不會(huì)臃腫。 ★★先看看超連沒(méi)有下劃線的例子： 例子1： 這個(gè)連接可- 1.4k
- 0
-
CSS常用信息速查手冊(cè)
文字屬性 標(biāo)識(shí)符 作用 屬性值 font-family: 定義文字類型，順序?qū)ふ遥日业降臑檫x定值，若都找不到則用默認(rèn)值 宋體，黑體等 font-style: 定義字體風(fēng)格。 normal(標(biāo)準(zhǔn))italic(斜體)oblique(傾斜) font-variant: 改變英文字母的顯示 normal,small-caps(小型大- 1.7k
- 0
-
13種常用按鈕、文本框、表單等CSS樣式
雖然CSS樣式的學(xué)習(xí)需要我們動(dòng)手多實(shí)踐，需要多做案例，思致思考，但有時(shí)候注意資料的收集與整理也是非常重要的，在實(shí)際開(kāi)發(fā)中往往會(huì)起到事半功倍的效果。下面一些關(guān)于按鈕、文本框、表單的常用CSS樣式。大家可以參考。 一、按鈕樣式 .buttoncss{ font-family- 10.1k
- 0
-
CSS樣式表實(shí)現(xiàn)效果很好的分頁(yè)效果源代碼
CSS樣式表實(shí)現(xiàn)效果很好的分頁(yè)效果，在學(xué)習(xí)編程過(guò)程中由于文章內(nèi)容比較多或者列表內(nèi)容比較多，我們都需要分頁(yè)！那么你想不想要一種好的分頁(yè)效果呢？這個(gè)是我認(rèn)為比較容易使用，同時(shí)編程方面也挺容易實(shí)現(xiàn)的分頁(yè)，就是以10頁(yè)為基礎(chǔ)，然后上十頁(yè)和下十頁(yè)，因?yàn)楹?- 1.3k
- 0
-
CSS應(yīng)用基礎(chǔ)教程(1) 基本認(rèn)識(shí)
關(guān) 於 Ｃ Ｓ Ｓ 的 概 論 ＣＳＳ是『Cascading Style Sheets』的簡(jiǎn)稱，中文翻為「串接樣式表」，也有人只翻為「樣式表」。ＣＳＳ用以作為網(wǎng)頁(yè)的排版與風(fēng)格設(shè)計(jì)，在所謂的「新式網(wǎng)頁(yè)」里 ，ＣＳＳ不容置疑是相當(dāng)重要的一環(huán)。ＣＳＳ是以既有的基礎(chǔ)，用以彌補(bǔ)既- 1.4k
- 0
-
如何進(jìn)行CSS布局
HTML的局限性迫使設(shè)計(jì)師們?nèi)ラ_(kāi)發(fā)更聰明的方式來(lái)使他們的網(wǎng)頁(yè)更美觀。過(guò)去最常用的工具是table標(biāo)簽，它本是用來(lái)創(chuàng)建電子數(shù)據(jù)表——比如由數(shù)據(jù)行和列組成的信息顯示表。但是設(shè)計(jì)師們卻用HTML的表格來(lái)創(chuàng)建一種用來(lái)組織網(wǎng)頁(yè)內(nèi)容的腳手架（見(jiàn)圖11-1）。可是由于ta- 5.1k
- 0
掃碼打開(kāi)當(dāng)前頁(yè)
微信掃碼聯(lián)系我們
-
￥優(yōu)惠劵使用時(shí)效：無(wú)法使用使用時(shí)效：
之前
使用時(shí)效：永久有效優(yōu)惠劵ID：×