Announcement

Collapse
No announcement yet.

CSS Tutorials

Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to Apply CSS

    How to Apply CSS

    How to Apply CSS
    There are three ways you can apply CSS to your page and page elements.
    • Inline styles
    • Internal style sheet
    • External style sheet

    Inline Styles
    With the Inline Style approach you directly apply the CSS rule to the HTML tag. CSS properties are set inside the style attribute.

    Example
    To set the font color to red and font size to 15 pixel for the text inside a div tag, you could do this inline style approach.
    style="color:red; font-size:15px;">
    Some text here


    Disadvantages:
    • Not possible to reuse CSS rules.
    • Increases page size since we can't reuse CSS rules.


    Internal Style Sheet
    Internal style sheet is usually declared in the head section of a HTML page within style tag. It could also be defined within the body tag as well. Advantage of declaring within the head tag is that CSS loads before the page content loads, ensuring the content renders properly with the CSS rules applied to them.

    When to Use Internal style...
    See more | Go to post

  • Basics of CSS

    Basics of CSS

    CSS Rules
    You may consider CSS rules as the process of declaring the nature of different properties of HTML elements.

    For example if we are to define the background color as grey and text color as red for the HTML tag, we could do it this way:
    body { background-color:grey; color:red; }

    As you can see a CSS rule has two parts.
    1. Selector: HTML tag to which the rule is to be applied to. Or name of the rule. In the example above we have HTML body tag as selector.
    2. Rule Definition: Rule definition may consist of one or more rule declarations. In the example above we have two rule declarations.

    A rule declaration is in the form of property:value. For example background-color:grey Here is a screenshot displaying how it may look like when applied on a HTML page. ...
    See more | Go to post

  • CSS - What Is It? Why Learn CSS?

    CSS - What Is It? Why Learn CSS?

    CSS -What Is It?
    CSS means Cascading Style Sheets. CSS provides a simple and easy way of styling your HTML. Using CSS you can style your font color, font size, page background color or perform more advanced styling.

    WHY Learn CSS ?
    Few reasons to learn CSS:
    • You can control most styling code from a single place(or a selected few places if you would use multiple css files)
    • CSS makes life much easier allowing you reuse css styling codes
    • Since you can reuse code page size is reduced
    • Faster page
    ...
    See more | Go to post
There are no articles in this category.
  • Filter
  • Time
  • Show
Clear All
new posts
Please log in to your account to view your subscribed posts.

Categories

Collapse

Article Tags

Collapse

There are no tags yet.

Latest Articles

Collapse

  • How to Apply CSS
    manik
    How to Apply CSS
    There are three ways you can apply CSS to your page and page elements.
    • Inline styles
    • Internal style sheet
    • External style sheet

    Inline Styles
    With the Inline Style approach you directly apply the CSS rule to the HTML tag. CSS properties are set inside the style attribute.

    Example
    To set the font color to red and font size to 15 pixel for the text inside a div tag, you could do this inline style approach.
    style="color:red; font-size:15px;">
    Some text here


    Disadvantages:
    • Not possible to reuse CSS rules.
    • Increases page size since we can't reuse CSS rules.


    Internal Style Sheet
    Internal style sheet is usually declared in the head section of a HTML page within style tag. It could also be defined within the body tag as well. Advantage of declaring within the head tag is that CSS loads before the page content loads, ensuring the content renders properly with the CSS rules applied to them.

    When to Use Internal style...
    08-09-2011, 02:39 PM
  • Basics of CSS
    manik
    CSS Rules
    You may consider CSS rules as the process of declaring the nature of different properties of HTML elements.

    For example if we are to define the background color as grey and text color as red for the HTML tag, we could do it this way:
    body { background-color:grey; color:red; }

    As you can see a CSS rule has two parts.
    1. Selector: HTML tag to which the rule is to be applied to. Or name of the rule. In the example above we have HTML body tag as selector.
    2. Rule Definition: Rule definition may consist of one or more rule declarations. In the example above we have two rule declarations.

    A rule declaration is in the form of property:value. For example background-color:grey Here is a screenshot displaying how it may look like when applied on a HTML page. ...
    08-07-2011, 12:39 AM
  • CSS - What Is It? Why Learn CSS?
    manik
    CSS -What Is It?
    CSS means Cascading Style Sheets. CSS provides a simple and easy way of styling your HTML. Using CSS you can style your font color, font size, page background color or perform more advanced styling.

    WHY Learn CSS ?
    Few reasons to learn CSS:
    • You can control most styling code from a single place(or a selected few places if you would use multiple css files)
    • CSS makes life much easier allowing you reuse css styling codes
    • Since you can reuse code page size is reduced
    • Faster page
    ...
    05-04-2011, 07:02 PM
Working...
X