CSS
CSS stands for Cascading Style Sheets. It is used to change the appearance of HTML elements. It is basically there to specify the layout of web pages.
Style sheets are typically written in a separate file than the HTML.
3. Link Element: We use link to tie separate CSS and HTML file together. <head> <link rel="stylesheet" type="text/css" href="/styles.css"> </head>
4. Colors are often represented as hexadecimal values. These are 6 digit alpha-numeric combinations that represent specific colors. eg Green #2F9C0A
5. We can also apply colors using Red, Green and Blue values (RGB). The higher the value, the more prominent the color.
Each color component can take values between 0-255.
6. CSS has default values for colors. For instance, if you apply a value of red to your color property you apply a default red color. eg h1 { color:green; }
7. When measuring our browser elements we generally use pixels (px). Pixels are like inches or centimeters in the physical world. eg h1 { font-size: 30px; }
- CSS selectors: h1 { color:#0000FF; }
- You provide your selector with properties. These properties define the styles being applied to the selector. h2 { color:#0000FF; font-size: 10px; }
3. Link Element: We use link to tie separate CSS and HTML file together. <head> <link rel="stylesheet" type="text/css" href="/styles.css"> </head>
4. Colors are often represented as hexadecimal values. These are 6 digit alpha-numeric combinations that represent specific colors. eg Green #2F9C0A
5. We can also apply colors using Red, Green and Blue values (RGB). The higher the value, the more prominent the color.
Each color component can take values between 0-255.
6. CSS has default values for colors. For instance, if you apply a value of red to your color property you apply a default red color. eg h1 { color:green; }
7. When measuring our browser elements we generally use pixels (px). Pixels are like inches or centimeters in the physical world. eg h1 { font-size: 30px; }