Creating Your First Style Sheet
In this tutorial we will be teaching you how CSS style sheets work. CSS (Cascading Style Sheets) allow you to style the elements contained in a web page. HTML is used to define the content of a document, and CSS is used to style it. In order to understand the concepts in this article, you…
CSS3 Fundamentals #13 The Box Model
Before we get into the topics of borders, padding, and margins – I need you to visualize something for me. No, this isn’t a throwback to EST; rather just a way for you to picture all of the “stuff” that goes around your elements. Each and every element in HTML has each of these components,…
CSS3 Fundamentals #12 @Font Face
Let’s get purely modern for the moment. While what I’m about to show is certainly amazing, and more than likely will change your own life, as well as those of your immediate friends and family, it arrives in a box with a small disclaimer written at the bottom… But let’s free our minds from worry…
CSS3 Fundamentals #11 Text Shadows
More often than not, any “text” that you see on a web page is being created in two different ways. The bulk of the text, which most articles and headlines are traditionally comprised of, is using a combination of HTML and CSS. The remainder – typically reserved for advertisements, sections headings, and logos – is…
CSS3 Fundamentals #10 Using Google Fonts
Not content with running every other aspect of your day-to-day life, Google has now entered the font business with “Google Fonts”; allowing you to choose from a list of non-standard web fonts, as easily embed them within your HTML document. Oh Google…is there anything you can’t make better? Truth is, it’s actually a great service…
CSS3 Fundamentals #9 Word and Letter Spacing
If you haven’t gotten a handle on this yet, take pause and appreciate that there’s a lot more to text than just text. Man has been working with letters for centuries, and as that time has passed, it’s become much more of an artwork than you probably realize. Open any modern magazine or commercial website,…
CSS3 Fundamentals #8 Text Alignment
CSS allows you to horizontally align your text within your elements, independent of other tags that may be present. In HTML, by default all text content will be aligned to the left of the page (or container element). Now-deprecated tags previously handled the task of re-alignment, but CSS has assumed the role at present, and…
CSS3 Fundamentals #7 Font Color and Style
Just as we’ve seen with the background of your document, individual text content can have the same varied palette applied to it as well. While the color property doesn’t specifically apply to the font (it may also change the border color if not otherwise specified), the majority of your usage will be to attribute colors…
CSS3 Fundamentals #6 Font Size and Weight
Now that you’ve got your typefaces selected, there are additional properties that can be applied to select the display size and weight of the font. While I’m sure we’ve all got a firm grasp on size, the weight property determines, for lack of a better term, how bold your typeface will appear. #font-size Syntax Formatting…
CSS3 Fundamentals #4 Background Properties
Once you’ve added some background image(s) to your HTML document, CSS gives you a few options as to how that image will be displayed once rendered in the browser. We’ll be taking a look at three of these, which should be applied if you’re not happy with things as they default. All of these properties…
Recent Comments