Recommandé
Recommandé
Contenu connexe
Dernier
Dernier (20)
En vedette
En vedette (20)
Introduction to CSS
- 2. Get to know each other! O Like the individual designs of the name tags, CSS allows you to determine the style of your webpage O What draws you into a website? O What makes a website visually appealing?
- 3. What is CSS? O Cascading Style Sheets O Define how to display HTML elements: HTML defines the content, CSS defines the format O CSS information stored in an External Style Sheet (.css files)
- 4. The External Style Sheet <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>
- 5. CSS Syntax O The selector is normally the HTML element you want to style. O Each declaration consists of a property and a value. O The property is the style attribute you want to change. Each property has a value.
- 6. CSS Selectors: ID and Class O The ID selector is used to specify a style for a single, unique element. O Defined with a "#": #para1 when the html coding includes the attribute <p id=”para1”> as the initial bracket O The class selector is used to specify a style for a group of elements. Unlike the id selector, the class selector is most often used on several elements. O defined with a ".": .center, with html code indicating class=”center” all elements with this indication will be centered O you can choose for a class to only affect one type of element by further specifying it with p.center, h.center, etc.
- 7. Style O Background color: defined in the body element: body {background-color:#b0c4de;} O Text color: can be in any sector: body {color:blue;} O Text alignment: h1 {text-align:center;} O Text transformation: p.capitalize {text- transform:capitalize;}
- 8. The Possibilities are Endless! O Borders: boxes can be created around text—anything from a solid line around the text to a 3D grooved boder O Navigation Bar: a list of links used to help visitors navigate your site or be directed to other sites O Every color under the sun: CSS allows you to code font and back ground color using HEX values, color codes, and color names
- 9. Review: How much do you remember?
- 10. Homework Edit the page you produced with the three paragraphs from your favorite book so that the format more accurately reflects the feel of the book. Make use of different fonts, colors, and alignment, as well as one other element that you find on your own to make your representation more unique. For reference: http://w3schools.com/css