Project 02 NOTES
External CSS Rules
- HTML5 Structural Elements and the DOM Panel
- File new --> new site
- DOM panel - helps you organize the HTML tags in your page as an "interactive outline"
- <head> - holds non-displaying information about our page.
- Goes before the <body> of the page
- <header> - holds a design that identifie the top of the page.
- Goes inside the <body> of the page
- background-size: cover - stretches the background to cover the entire browser window
- <aside> - a structural tag used to create a sidebar
- <div> - defines a division, or box, in HTML
- margin --> auto
- code hints --> after typing "</"
- insert --> article
Adding Classes to Existing Elements
- Inline CSS Rules - useed to apply style rules yo a small portion of code
Creating a Nav Bar
- ID - designates a unique HTML element tha can only be used once on each page. the corresponding CSS rule is indicated by a # in front of the selector.
- You can only use your ID once (cant have same ID twice on same page)
- Class - a CSS rule that can be applied to multiple HTML elements. Denoted by a . brfore the selector
- CSS classes override elemet rules
Styling Nav Links
- inline element - an HTML element that does not start on a new line and never takes up more space than is necessary
- block element - an HTML element that always starts on a new line and extends across the full width of the page
- pseudo class - a behavior that can be assigned to a CSS rule
- Has to go in order of:
- page properties --> links
- created new contact page
- <form> - designates the beginning of an HTML form
- Inserted form
Cascading Style Sheets
- Back End - code that sits on your web server. It handles the data being passed back and forth between your server and your visitors.
- Front End - the code that creates the visible portion of the website that your users interact with.
- Get method - adds the data from the form into the URL of the page request. This makes the data visible to everybody!
Connecting Our Site Pages