11.11云上盛惠!海量產(chǎn)品 · 輕松上云!云服務(wù)器首年1.8折起,買1年送3個月!超值優(yōu)惠,性能穩(wěn)定,讓您的云端之旅更加暢享??靵眚v訊云選購吧!
隨著近些年CSS與CSS3的發(fā)展,有些東西我們可以純用CSS去實現(xiàn),取代那些需要使用背景圖片的老技術(shù)。在這篇教程中,我們將創(chuàng)建扁平化的面包屑導(dǎo)航鏈接,不再需要使用之前流行的“推拉門式的背景圖片”。
CSS sprite在國內(nèi)很多人叫css精靈,是一種網(wǎng)頁圖片應(yīng)用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,這樣一來,當(dāng)訪問該頁面時,載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。
在我們開始使用SVG前,讓我們先了解一下 SVG,并且解釋一下為什么使用SVG。SVG全稱是Scalable Vector Graphics,如果你使用過adobe Illustrator的話,相信你對這種適量格式的圖片并不陌生!
不管你以前在web頁面布局中如何稱呼它們 - “區(qū)域”還是“塊”,我們一直都在布局中將頁面分成可視的不同區(qū)域。但真正的問題在于我們并沒有使用任何正確的工具來實現(xiàn)。一般情況下我們使用典型的網(wǎng)格來劃分頁頭,頁面主題,頁尾等等區(qū)域來實現(xiàn)所謂的頁面布局。
大家可能都知道HTML5中出現(xiàn)了很多以前沒有的標(biāo)簽,例如,header,nav,和footer,在這之前我們?nèi)绻_發(fā)相關(guān)的頁面布局的時候,往往都是使用CSS來定義相關(guān)的頭部,導(dǎo)航及其頁底部分
在網(wǎng)上能搜羅到很多的PSD素材,有PSD按鈕、PSD圖標(biāo)、PSD網(wǎng)站模板等等各種PSD界面素材。那么如果把這些精美的PSD素材轉(zhuǎn)換為 HTML/CSS 代碼呢?
站長之家(CHINAZ.com)5月31日編譯:隨著CSS3的出現(xiàn)以及越來越多的瀏覽器對它的支持,設(shè)計人員和開發(fā)人員有了更多的選擇,CSS3提供了很多的設(shè)計上的新技術(shù)和高級功能,使創(chuàng)建網(wǎng)站變得更容易,用純CSS也可以實現(xiàn)各種各樣很酷的效果,甚至是動畫。在本文中,將分享25個CSS3動畫按鈕和菜單教程,希望對你有所幫助。
站長之家(CHINAZ.com)5月16日編譯:在網(wǎng)站設(shè)計方面,CSS3可以說是擁有令人難以置信的潛力,它提供了很多設(shè)計上的新技術(shù)和高級功能,使創(chuàng)建網(wǎng)站變得更容易。隨著CSS3的出現(xiàn)以及越來越多的瀏覽器對它的支持,設(shè)計師們有了更多的選擇。在本文中將分享18個優(yōu)秀實用的CSS3教程,值得設(shè)計者們收藏。
站長之家(CHINAZ.com)5月8日編譯:隨著CSS3的流行,現(xiàn)在已經(jīng)有很多利用CSS3制作的網(wǎng)站,CSS3提供了很多的設(shè)計上的新技術(shù)和高級功能,使創(chuàng)建網(wǎng)站變得更容易。而jQuery作為最熱門的Ajax框架,在互聯(lián)網(wǎng)網(wǎng)站到處都有jQuery的身影。在本文中,就將為新手網(wǎng)頁設(shè)計師分享29個新鮮實用的jQuery和CSS3教程,希望能對其即將或正在進(jìn)行的項目有所幫助。
作為設(shè)計的組成部分,字體在網(wǎng)頁設(shè)計中扮演著重要角色,但是要在網(wǎng)頁中把字體用好并不是件容易的事情。這篇文章向大家分享12個非常有用的CSS工具和教程,幫助你在網(wǎng)頁中實現(xiàn)漂亮的字體效果。
站長之家(CHINAZ.com)3月26日編譯:對于設(shè)計人員和開發(fā)人員來說,CSS一直是web設(shè)計過程中重要的一部分,使用CSS布局的頁面可以提高頁面的瀏覽速度、易于維護(hù)和改版,給Web開發(fā)者和設(shè)計師們帶來了便利。在本文中,將分享國外20個優(yōu)秀實用的CSS教程,希望能幫助設(shè)計人員和開發(fā)人員提高工作效率和相關(guān)技巧。
今天我們將分享一系列CSS3的工具提示教程。工具提示經(jīng)常用來顯示額外的信息。當(dāng)我們創(chuàng)建網(wǎng)站上的鏈接時,我們都需要添加title來幫助SEO。這些title將會能夠在鼠標(biāo)hover的時候能顯示,但是沒有非常漂亮的樣式。
站長之家(CHINAZ.com)2月7日編譯:jQuery是繼prototype之后又一個優(yōu)秀的Javascrīpt框架,使用戶能更方便地處理HTML documents、events、實現(xiàn)動畫效果,并且方便地為網(wǎng)站提供AJAX交互。相對于傳統(tǒng)HTML的表現(xiàn)而言,CSS能夠?qū)W(wǎng)頁中的對象的位置排版進(jìn)行像素級的精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象盒模型的能力,并能夠進(jìn)行初步交互設(shè)計,是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計語言。這里就將分享國外19個值得學(xué)習(xí)的jQuery和CSS按鈕教程。
站長之家(CHINAZ.com)1月5日編譯:CSS3提供了很多的設(shè)計上的新技術(shù)和高級功能,它給Web開發(fā)帶來了革命性的影響,以前很多需要JavaScript才能實現(xiàn)的復(fù)雜效果,現(xiàn)在使用CSS3就能簡單地實現(xiàn)。這里就有國外網(wǎng)站推薦的20個CSS3文字效果教程,希望能幫助提高你的CSS技巧。
最近關(guān)于 HTML5 和 CSS3 的內(nèi)容挺多的,說明這項技術(shù)日趨成熟,本文介紹 20 個效果很酷的導(dǎo)航菜單。
CSS3 是對 CSS 規(guī)范的一個很大的改善和增強(qiáng),它使得 Web 開發(fā)人員可以很容易的在網(wǎng)站中加入時尚的效果。今天這篇文章收集了24個很棒的 CSS3 文本效果示例及教程分享給大家。
導(dǎo)航欄是一個網(wǎng)站最常使用的部分之一,用戶可以通過它有序地訪問網(wǎng)頁并返回到主頁。這就要求導(dǎo)航欄一定要簡單、易用,不要讓用戶在瀏覽網(wǎng)站過程中迷失。接下來我們要談的是其下的導(dǎo)航菜單設(shè)計。導(dǎo)航菜單不宜設(shè)計成過分花哨,產(chǎn)生令人厭煩的感覺。但也要追求賞心悅目,同
CSS3的box-shadow屬性可以讓我們輕松實現(xiàn)圖層陰影效果。我們來實戰(zhàn)詳解一下這個屬性。
用CSS Sprites將WordPress表情圖片合并為一個文件這個想法其實我很早就有了,我已經(jīng)在別的網(wǎng)站上見到這樣的應(yīng)用了(比如人間網(wǎng)就用了這個技術(shù))。 那么這個方法有什么好處呢? 我想這個方法最大的好處就是大大減少了HTTP Request數(shù)量(要知道一般博客上面如果有表
高效的css寫法中的一條就是使用簡寫。通過簡寫可以讓你的CSS文件更小,更易讀。而了解CSS屬性簡寫也是前端開發(fā)工程師的基本功之一。今天我們系統(tǒng)地總結(jié)一下CSS屬性的縮寫。
在中國,很多前端開發(fā)初學(xué)者都會把xHTML+CSS頁面制作說成DIV+CSS,甚至很多人都還不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在國外,是沒有DIV+CSS這個概念的,很明顯如果單從字面上去理解,DIV+CSS的網(wǎng)頁就要全都是div,很明顯是無法達(dá)到語義化標(biāo)準(zhǔn)的。
現(xiàn)在看起來很漂亮了,但是我們可再作一點效果處理,選擇header圖層,然后按Ctrl+R顯出標(biāo)尺,從上面拖出一根引導(dǎo)線,使它垂直居中header.新建一個圖層命名gloss,然后使用矩形選區(qū)工具(M)在這根引導(dǎo)線上面抓取一個矩形選區(qū),用白色填充,刪除引導(dǎo)線.取消選區(qū),設(shè)置gloss的圖層混各
HTML有標(biāo)簽,CSS有選擇器。選擇器是給內(nèi)部和外部樣式里面的樣式命名。每個選擇器都有屬性在{}里面,比如簡單點像color,font-weight或background-color。值在冒號(不是等號)后面,分號分離屬性。
背景圖片Background Images有許多屬性可以操作。幸運的是,可以使用background處理所有
一些CSS屬性允許使用一串值代替許多屬性,值使用空格分開。
幻燈片是快速學(xué)習(xí)知識關(guān)鍵點的有效途徑。之前本博客發(fā)布的“一個簡單的、循序漸進(jìn)的CSS幻燈片教程”,就為大家介紹過一個幻燈片教程,今天再為大家推薦5個以改善CSS編碼為主題的幻燈片教程。這5個幻燈片主要幫助大家了解如何寫出高效的、可維護(hù)的CSS 代碼,學(xué)習(xí)CSS中的
要想更好的理解 css, 尤其是 IE 下對 css 的渲染,haslayout 是一個非常有必要徹底弄清除的概念。大多IE下的顯示錯誤,就是源于 haslayout。
早段時間特別的忙,忙到站點一直沒有更新;但是這段時間也是偷偷的做了一些的工作,比如對站點的JS進(jìn)行了壓縮,構(gòu)思labs分站以及聚合分站。
新進(jìn)的公司,接觸新的東西,一切都讓我倍感緊張。很久沒有接觸設(shè)計的東西了,突然上手就要做界面,心里還是很忐忑的。
在進(jìn)行DivCSS布局時,需要對文本進(jìn)行控制,今天系統(tǒng)的向大家介紹一下。CSS中控制換行的四種屬性。