Easy Cascading Style Sheets
Make a Fixed-width Variable-height Round Cornered Box You have undoubtedly seen websites that display text within round cornered boxes, and,
since there is no round cornered html element, you wondered how that was done. In this
article, you'll learn precisely how to create such a round cornered box. More ... The CSS Box Model One of the most important CSS webpage layout concepts to understand is the box model.
Every element on a webpage is actually a rectangular box. Exactly how a box will display
depends upon the positioning method used, which other CSS properties you set for the box
and how you select the box. More ... FREE Ebook - Basic Cascading Style Sheets In this free eBook, you'll learn the basic syntax of styles, the three ways to use
styles and how style rules "cascade", and how to use grouping and classes to simplify
style settings. You'll get hands-on examples for typographics, layout, and border
and background control. More ... Spice Up Your Web Forms with Color and Graphics You've used color and graphics to create a visually exciting Web site. Then you add
a web form with the default font and gray and white colors. You don't have to have
dull Web forms. In this article I show you a few tricks that you can use to spice up
your Web forms. More ... Easy Three-level Expanding Menu Code In a previous article, I described an easy method to create an
expanding menu similar to Windows Explorer, but with only one level of sub-menus. This
article provides code for a similar expanding menu, except with two levels of sub-menus. More ... Easy CSS Popup Windows Popups are usually created by using JavaScript to open a new browser window. But with
today's Cascading Style Sheets (CSS) capable browsers you don't need to open a new
browser window. Instead, you can create popups by applying styles to html span or
div elements. More ... Easy CSS Buttons In this article, you'll learn how to avoid the need to make graphic menu buttons, yet
still produce the same visual effect that graphics provides. You'll learn how to
create graphical looking buttons by applying simple style rules. More ... Create Custom Horizontal Rules Horizontal rules can increase webpage readability by providing a separation between different
topics on a page. Horizontal rules are often used to separate a footer or resource box at
the bottom of a webpage from the main webpage content. HTML by itself creates some pretty
bland horizontal rules. But with CSS designers have the means to create interesting horizontal rules. More ... Understanding CSS Selectors In order to apply style to an html element or elements, you have to be able to select
that element or those elements, that's where CSS selectors come into play. This article
shows you how to use class selectors, id selectors, descendant selectors, grouped selectors,
pseudo-class selectors and attribute selectors. More ... Easier Expanding Menu Code This article provides you with easier expanding menu code than a previous article did
by losing automatic menu unexpand feature and added some easy CSS code to provide nice
mouse over effects. More ... Display Overlapping Images on Your Webpage In this article I show you how easy it is to use script to display overlapping
images on your webpage where you can just change numbers to play around and
arrange the images and overlapping to get it just the way you like it without
having to repeatedly use a graphics application. More ... Setting a Larger First Letter Long ago printing was much more stylish than it is today. The first letter of the first
paragraph was much larger than the rest of the text. If you want to publish fictional
content on the Web, you can give your story an extra touch of class. Use the information
in this article to set a larger first letter for the first paragraph. More ...
|