Six Ways to Style Blockquotes

Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who’s to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Document Design>CSS

Book-Style Chapter Introductions Using Pure CSS

Today’s tutorial will show you how easy it is to create book-style chapter (article, whatever) introductions using nothing but pure CSS — no XHTML was harmed in the making of this tutorial. We’ll use two types of selectors which I haven’t talked about yet here: adjacent sibling selectors and pseudo-element selectors. I’ll explain each type briefly before we get started.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Document Design>CSS

Fluid Grids

Fluid layouts are an undervalued commodity in web design. They put control of our designs firmly in the hands of our users and their browsing habits. They’ve also utterly failed to seize the imagination of web designers.

Marcotte, Ethan. List Apart, A (2009). Articles>Web Design>Document Design>CSS

Bezględnie Względny

Pozycjonowanie z kolei jest jednym z najczęściej mylnie interpretowanych aspektów wersji 2 CSS. Przyjrzyjmy się zatem nieco bliżej temu, jak ono działa.

Olsson, Tommy. Grabun.com (2004). (Polish) Articles>Web Design>Document Design>CSS

CSS Hizalama

Hizalama ise CSS 2’nin belki de en yanlış anlaşılmış bölümlerinden biridir. Şimdi nasıl çalıştıklarına biraz daha yakından bakalım.

Olsson, Tommy. Cnkt (2004). (Turkish) Articles>Web Design>Document Design>CSS

Liquid Layouts the Easy Way

This article explains one method of achieving a successful liquid layout as well as providing basic definitions of liquid, fixed-width and em-driven layouts.

Weakley, Russ. MaxDesign (2003). Articles>Web Design>Document Design>CSS