IT Computer Articles Tutorials.

Style Sheets Articles Tutorials

Style sheets are great timesavers when building a website. They let you separate the layout and styles of a web page from the actual data or information that is displayed. In this way you can easily create the "feel" for an entire website without having to separately code every single page. Best of all, Cascading Style Sheets (CSS) are a W3C Standard. If you're looking for some tricks to help you get the most out of CSS, check out the articles in this section.

    (Page 1 of 2)   
    « Prev
      
    1
      2  Next »

    CSS & its benefits

    Cascading Style Sheet (‘CSS’) is a technique used to define styles in HTML for elements being displayed on a web page. You may use separately font, color, etc tags to define how information will look like but it is always recommended to use CSS for such things.

    What Is CSS ? Understanding CSS

    Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation is specified with styles that are placed directly into HTML elements, the head of the HTML document, or separate style sheets.

    Style sheets contain a number of CSS rules. Each rule selects elements in an HTML document. These rules then define how the elements will be styled.

    Any number of HTML files can be linked to a single CSS file.


    Picking a Colour Scheme

    Before you can consider the finer points of your design, you need to make the big decisions. Few of these decisions are more important than what colour scheme your website is going to use. If you choose the wrong one, your site will be, in the worst cases, completely unreadable.

    Fun CSS Tricks

    CSS or Cascading Style Sheets allow you to implement a few neat effects on your webpages easily. You can implement these CSS effects on your site by simply copying and pasting the code.


    Why CSS is good for your website

    Cascading Style Sheets (CSS) are used within the HTML behind your Web site as a way of controlling how each page is laid out and what elements on it look like. For instance, you can use CSS to make headings in your copy a standard size across the whole of your site. CSS has been around for several years and is supported by all the major browsers available today, including Internet Explorer for the PC and Mac, Firefox, Safari and Opera.

    Clean Page Structure: Headings and Lists

    When HTML started, people put all sorts of things on their pages: there was a tag to say which font you wanted your text to be in, a tag to say you wanted it to be in the centre of the page, and so on. Now, though, that way of writing pages is out-of-date and very inefficient compared to keeping content and style separate using CSS.

    CSS and the End of Tables

    In the bad old days of the web, the only way to create even slightly complex layouts was to use tables. Some sites featured silly numbers of tables, one inside the other, to create relatively simple-looking effects. With CSS, though, tables can finally be replaced.

    Column Designs with CSS

    So CSS makes layouts easier than they were with tables – there’s not really much debate about that. One of the reasons many people stuck with tables for so long (and, in fact, still stick with tables to this day) is that it can be difficult to create column-based designs using CSS. Since there are so many websites that essentially consist of a middle column of content surrounded by left and right columns containing navigation and ads, this was considered to be unacceptable.

    Learn CSS, Selectors

    So far in our series covering CSS, we have used only the simplest type of selector. There are many other types of selectors, which give you a lot of power to adjust the styling of your Web documents. In this article, you will learn about the group, universal, class and ID selectors.

    There has been much anticipation and intense hype surrounding the release of Internet Explorer 7. Improvements range from better security issues to customization of user features; but the excitement in some web developers has been prompted by the compliancy standards of CSS that IE 7 embraces.

    (Page 1 of 2)   
    « Prev
      
    1
      2  Next »