中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

11個(gè)CSS3開發(fā)實(shí)用工具

2024-03-24    分類: 網(wǎng)站建設(shè)

最開始的時(shí)候,圖片都是一張一張單獨(dú)存在,需要哪張,就發(fā)送http請(qǐng)求來調(diào)用,隨著時(shí)間的推移,background-position的應(yīng)用,又興起了css-sprite這種技術(shù),一時(shí)之間大家都在盲目跟風(fēng),認(rèn)為不這樣做就不夠?qū)I(yè),或者技術(shù)不夠好等。

css-sprite是把所有用于網(wǎng)頁背景的圖片,拼合在一張大圖之內(nèi),然后通過背景圖定位的方法,來控制顯示自己需要的那張圖。但是不是所有的圖片都適用css-sprite,例如網(wǎng)頁內(nèi)的圖片,或者是需要重復(fù)平鋪的圖片。并且,這種大圖一旦合并以后,如果以后再要修改其中的某一個(gè)圖片,就要牽一發(fā)而動(dòng)全身,如果只是簡單顏色改變,或許還稍微容易一些,但是如果大圖內(nèi)的某些元素的尺寸變化了,就需要重新進(jìn)行合并了,并且可能會(huì)導(dǎo)致其他圖片的位置發(fā)生變化,從而演變成調(diào)整一個(gè)圖片,還要同時(shí)調(diào)整大圖內(nèi)的其余圖片,并且要調(diào)整css的background-position的數(shù)值。

并不是說css-sprite技術(shù)不好,只是什么時(shí)候需要用,什么時(shí)候不需要用,不能夠一概而論的跟風(fēng),看人家網(wǎng)易用了,你也用!

css-sprite適用的條件: 1.網(wǎng)站的開發(fā)已經(jīng)完畢,包括功能,模塊,交互,程序,都已經(jīng)反復(fù)測(cè)試,就差發(fā)布; 2.網(wǎng)站已經(jīng)趨于完美,不會(huì)再三天兩頭的改動(dòng),不能說今天上線了,明天覺得按鈕太小了,要調(diào)整,后天覺得按鈕太大了要調(diào)整; 3.你的網(wǎng)站流量很大,需要盡量減少http的請(qǐng)求次數(shù);

css-sprite也并不是像看起來那么簡單的,只是單一的把圖片拼合在大圖上那么簡單,首先你應(yīng)該考慮,那些圖片是需要每個(gè)頁面都要引入的,這些圖片可以拼合到一張大圖中,而那些只有個(gè)別頁面才需要調(diào)用的圖片,則不適合也加在大圖里面,否則你的http請(qǐng)求次數(shù)的確是小了,但是某些圖片其實(shí)在某些頁面是不需要用到的,但是你放在一張大圖里面,用戶還是需要去加載,造成了網(wǎng)速的負(fù)擔(dān)。

另外,對(duì)于一些小公司,做一個(gè)產(chǎn)品沒有一個(gè)合理的構(gòu)思甚至框架,想到哪里就讓人去做,想一步做一步,做一步改一步,改完一步,再改一步,改來改去沒有最終敲定的,這個(gè)時(shí)候如果一開始就使用css-sprite拼合圖片,無疑給自己造成了巨大的困擾,增加了許多的工作量。所以最好是,等到產(chǎn)品已經(jīng)完全敲定,測(cè)試沒有問題,可以上線發(fā)布了,再去拼合圖片。

層疊樣式表是用來描述表達(dá)語義或者是一種標(biāo)記語言編寫的文檔中的外觀和格式的一種樣式語言,這種標(biāo)記語言也可以是HTML,也可以在XML文檔中使用。CSS3被分成幾個(gè)獨(dú)立的文件成為模塊,每個(gè)模塊還具有不同的擴(kuò)展功能,此外,不同的模塊有不同的穩(wěn)定性和狀態(tài)。

1) proCSSor 2) Code Beautifier 3) Styleneat CSS3 速查表 4) css-3-cheat-sheet 5) css3_color_names ? 共2頁: 上一頁 16) css3 7) CSS3 Cheat Sheet CSS3 展示 8) CSSS 這是基于CSS的幻燈片播放系統(tǒng),也是在設(shè)計(jì)人員和開發(fā)人員中最流行的。

9) HTML5 Rocks 這是最流行的HTML幻燈片放映演示文稿框架。

10) Impress.js 這是一個(gè)基于CSS3轉(zhuǎn)換和過渡特性的表示層框架

11) Reveal.js 一個(gè)CSS 3D幻燈片的工具,用于快速創(chuàng)建良好的HTML演示稿。

網(wǎng)頁標(biāo)題:11個(gè)CSS3開發(fā)實(shí)用工具
本文來源:http://www.rwnh.cn/news22/321572.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、軟件開發(fā)、App設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)定制開發(fā)、微信公眾號(hào)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管
西和县| 耒阳市| 盖州市| 逊克县| 怀远县| 明溪县| 宁都县| 韶关市| 万山特区| 丽江市| 江都市| 日土县| 茂名市| 黑水县| 崇州市| 汉寿县| 鄂托克前旗| 定结县| 万源市| 南投县| 浦江县| 古田县| 常熟市| 临夏市| 徐闻县| 偃师市| 龙川县| 洛宁县| 汤原县| 公安县| 正蓝旗| 平陆县| 寿宁县| 灵台县| 富锦市| 土默特左旗| 遵化市| 章丘市| 冕宁县| 叙永县| 平原县|