Lab46 Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
<WRAP left 40%>
~~TOC~~
</WRAP>
//
//
<WRAP centeralign 100% bigger>
<WRAP bigger fgred>Lab46 Tutorials</WRAP>
<WRAP muchbigger>CSS</WRAP>
Cascading Style Sheets
</WRAP>
<WRAP clear></WRAP>
CSS was adopted in the mid 1990's as a way to standardize web pages. Style sheets can be used with many markup languages such as html, xml, svg and xul. It is used for defining the way a document looks. It accomplishes this by giving attributes (colors, fonts) to the tags in a markup language. Before style sheets all attributes had to be added to each tag individually. This can Be very inefficient for a site that has many pages. A style sheet allows an entire page or site to be standardized. 
===== First Style Sheet =====
<code css>
    p  {font-size: 50%; font-family: sans-serif;}
    h1 {color: red; font-weight: bold;}
</code>

save file as style.css

<code html>
<html>
    <head>
        <style type= "text/css">
            @import "style.css";
        </style>
        <title>My New Web Page</title>
    </head>
    <body>
        <h1>Hello world</h1> 
        <p>
        this is my new web page!
        </p>
    </body>
</html>
</code>

save file as index.html 

view in web browser
===== Common Attributes =====

  *background-color: <color>;
  *background-image: <url>;
  *font-family: <familyName>;
  *font-size: <size>;
  *font-weight: <weight>;
  *height: <length>;
  *margin: <length>;
  *padding: <length>;
  *text-align: <left|right|center>;
  *width: <length>;

===== Links =====
  *www.w3schools.com