• CSS Basic

  • post thumbnail

    Using Cascade Order

    CSS allows you to assign the same rule to the same element multiple times. I call these competing rules. Browsers use the cascading order to determine which rule in a set of competing rules gets applied. For example, a browser assigns default rules to each element. When you assign a rule to an element, your [...]

  • post thumbnail

    Using Property Values

    Property values come in the following forms: constant text, constant numbers, lengths, percentages, functions, comma-delimited lists of values, and space-delimited series of values. Each property accepts one or more of these types of values. I have included all common types of values in Example 1-6. But first, I have listed them here along with an [...]

  • More from CSS Basic
  • CSS Advanced

  • post thumbnail

    Using Shorthand Properties in CSS

    Your body rule should now look like this:
    body {
    font: 100%/1.5 “Helvetica Neue”, Helvetica, Arial, sans-serif;
    background: #7F98C3;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    }
    If you look at the font property, you may notice that your CSS may not look like ours. If you have individual font values on each line instead of all in one line, it is due [...]

  • post thumbnail

    Using Cascade Order

    CSS allows you to assign the same rule to the same element multiple times. I call these competing rules. Browsers use the cascading order to determine which rule in a set of competing rules gets applied. For example, a browser assigns default rules to each element. When you assign a rule to an element, your [...]

  • More from CSS Advanced
  • Other Recent Articles

  • post thumbnail

    3 column layout sample

    You can download 3 column from the link below.
    http://csslearn.com/csslayoutsample/layout1.zip
    Please leave your comment.

  • post thumbnail

    Different pattern / model of css

    Innovations
    There are several innovative concepts, terms, and approaches. These are not new or radical: the technology is already built into the major browsers, the concepts are implied in the CSS specification, and the terms are commonly used. What makes them innovative is how I define and use them to show what can be done with [...]

  • post thumbnail

    Different Model or pattern of CSS

    Innovations
    There are several innovative concepts, terms, and approaches. These are not new or radical: the technology is already built into the major browsers, the concepts are implied in the CSS specification, and the terms are commonly used. What makes them innovative is how I define and use them to show what can be done with [...]

  • post thumbnail

    CSS Syntax & Syntax Details

    CSS syntax is easy. A stylesheet contains styles; a style contains selectors and rules; and a rule contains a property and a value. The following is the design pattern for a style:
    SELECTORS { RULES }
    The following is the design pattern for a rule:
    PROPERTY:VALUE;
    For example, p{margin:0;} is a style. p is the selector, which selects all [...]

  • post thumbnail

    Using Stylesheets

    You can place styles in three locations: stylesheets, <style>, and style. A stylesheet is an independent file that you can attach to an HTML document using the <link> element or CSS’s @import statement. <style> is an HTML element that you can embed within the HTML document itself. style is an attribute that can be embedded [...]

  • Archives: