My heading
= heading size 1-6 paragraph
This text should be in blue. This text should be in blue.
or = bold, or = italic = underline
style sheets - list of all your font sizes and settings that the rest of your website refers to.
h1 {color: red;} = makes all h1 text red
h1 is the selector color is the property and red is the value
The three types of styles are Inline Styles, Embedded Styles, and External Styles
External Style is generally the best one to work with. p{font-size: 12 px;} in the styles.css style sheet. External sheet is being accessed.
Inline Styles: allows you to override an embedded or external style rule.
= commented out
Anything you don't see on the webpage should be in the header section.
style>
; signals the end of a rule.
font-family: Arial, Helvetica, sans-serif; } = order in which fonts are displayed if not Arial then Helvetica then sans-serif...
Inline styles will override others.
Welcome to my page
= heading on the page in bold font
h2 { border: 1px solid green; width: 150px; } = heading on page will have a solid green border 1 px wide, the box will be 150 px wide on the page.
Links to css sheets should go in the header section in html sheet
= link relation - type of doc - name of file type of file
Style classes allow changes from style sheets or defaults.
p.red{ color: red; } = will change font in paragraph to red
p.blue{ color: blue; }
p.green{ color: green; }
The span tag on it's own does nothing, but you can use it to make classes.
.border { 2px dashed black; } = general class to make border in css sheet
Classes are reusable, id's are not reusable.
ID's use #
h1, h2, h3, h4, h5, h6 { color: brown; } = Multiple Selector, will make every h text brown will be the same as
h1 { color: brown; }
h2 { color: brown; }
h3 { color: brown; }
Contextual Selectors
h2 h5 { color: brown; }
b i { background-color: burlywood; } = will only give you the background color if there is italic command in bold command
No comments:
Post a Comment