網(wǎng)頁(yè)制作中應(yīng)用的50個(gè)CSS技巧(國(guó)外)
發(fā)布時(shí)間:2009-08-03 00:26:59 作者:佚名
我要評(píng)論

幾乎可以肯定的CSS是最好的一個(gè)網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展,因?yàn)榈谝淮螆D形的Web瀏覽器通過(guò)了關(guān)于大規(guī)模,凡表創(chuàng)建笨重,緩慢加載網(wǎng)頁(yè),創(chuàng)建的CSS更加精簡(jiǎn)和實(shí)用的網(wǎng)頁(yè)。
網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介:CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS Safari’s Text-Shadowing Anti-Aliasing CSS Hack
This tutorial shows how to use the text-shadow CSS property to create an anti-aliasing effect on your text. It only works in browsers that support text-shadow (so not IE), but the look is pretty awesome. It can definitely make text more readable, just don’t overdo it or you end up with text that’s blurry.

This is a revised version of the technique above to create a slightly different anti-aliasing effect, especially useful for light text on dark backgrounds. It uses an extremely transparent black background to force Safari to render the text more legibly.

If you have a blog or other site that’s text-heavy, using pull quotes to highlight important bits can look really awesome while also making your content more scannable. This tutorial shows how to format those pull quotes with CSS. It shows how to create both left and right aligned pull quotes while also preserving your regular blockquote style.

Here’s a technique for creating two-color gradients for text using a combination of JavaScript and CSS. It also works to apply shadows and highlights to text. The possibilities for the use of this technique are pretty endless. Of course, this is also one of those things where a little bit goes a long way (ie, limit gradients to your headers, titles, and other text you want to stand out—not your site’s body copy).

This article gives some great guidelines for creating better CSS font stacks. It includes information on the most common font stacks currently used and then goes on to cover Tuck’s Definitive Font Stacks and Ford’s Better Font Stacks. It’s a great resource when you’re determining a site’s typography, with the information presented in a very scannable, well-organized format.

Here’s a great tutorial on how to embed fonts using CSS3. While it’s still not widely supported, this technique makes it much easier to embed special fonts into a site without having to resort to images.

This little trick makes it easy to create gradient text by applying a 1 pixel gradient PNG to it. It’s a quick and easy way to create gradient text pretty much anywhere on your site. There’s even a fix to make it work in IE6 included.

相關(guān)文章
- 這篇文章主要介紹了10個(gè)必備的CSS技巧總結(jié),隨看隨記,敬請(qǐng)收藏~需要的朋友可以參考下2015-06-29
- CSS是網(wǎng)頁(yè)設(shè)計(jì)師的基礎(chǔ),對(duì)CSS的了解能使他們能夠設(shè)計(jì)出更加美觀別致的網(wǎng)頁(yè)。使用CSS技巧來(lái)巧妙地處理CSS是非常令設(shè)計(jì)師著迷的事情。在CSS的深海世界里有很多有意思的東西2013-04-09
- 最常用和實(shí)用的CSS技巧,不論是前臺(tái)美工還是后臺(tái)成員人員都需要注意的地方。2010-01-05
- 層疊樣式表(CSS)是現(xiàn)代的網(wǎng)站設(shè)計(jì)不可或缺的重要組成部分,就像10年前那樣,沒(méi)有它網(wǎng)站就會(huì)顯得是丑陋的。隨著時(shí)間的推移,網(wǎng)絡(luò)中的CSS的教程質(zhì)量已有顯著的提高。2009-10-27
CSS技巧:IE6用import導(dǎo)入CSS的問(wèn)題
網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介:本文描述了一個(gè)在IE6下用import導(dǎo)入CSS的問(wèn)題! 在ie 6中可以先寫CSS再加import比如 p {} @import url("base.css");2009-04-02- CSS在書寫過(guò)程中會(huì)一些小技巧,會(huì)省時(shí)省力,比如按字母順序來(lái)排列css、先標(biāo)記 后css等等,本文整理了一些,感興趣的朋友可以參考下希望對(duì)大家書寫css有所幫助2013-08-13
- 這篇文章主要介紹了CSS Hack技術(shù)介紹及常用的Hack技巧集錦,本文講解了什么是CSS Hack、常用的CSS Hack、IE6對(duì)!important的支持、IE6下的多選擇符等內(nèi)容,需要的朋友可以參考2014-10-08
CSS hack技巧之IE6,IE7,firefox顯示不同效果
區(qū)別不同瀏覽器的CSS hack寫法2010-03-06IE6、IE7和FF的最簡(jiǎn)單的hack技巧-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
關(guān)于CSS HACK的文章在webjx.com中提及的也很多。 CSSer必須掌握的關(guān)于IE6、IE7和FF的最簡(jiǎn)單的hack技巧。 FF瀏覽器 .test{ height:20px; background-co2008-10-17- 不同的瀏覽器對(duì)CSS的解析結(jié)果是不同的,因此會(huì)導(dǎo)致相同的CSS輸出的頁(yè)面效果不同,這就需要CSS Hack來(lái)解決瀏覽器局部的兼容性問(wèn)題,本文給大家分享CSS常用技巧之CSS書寫技巧2016-01-12