Recent Comments
No comments to show.
Tag Archives: section 3
Section 3 – Challenge #1
CSS elements used: background-color: #f7f7f7; (light grey background) border: 4px solid black; color: #777; (dark grey text color) cursor: pointer; (changes arrow mouse cursor to a hand pointer to click a button or link) font-family: sans-serif; font-size: 22px; font-weight: bold; … Continue reading
CSS Theory #2: Inheritance and the Universal Selector
An inherited property is very easily overwritten by any rule, which has a value for that same property. So, inherited properties are the ones who have the lowest priority. This is really elements inheriting values from one another and is … Continue reading
Posted in Web Developer Course
Tagged css, inheritance, section 3, theory, universal selector
Leave a comment
CSS Theory #1: Conflicts between Selectors
When there are multiple declarations for the same element then: 1. Declarations marked “! important” are used first. It should only be used as a last resort, to fix code. It is more of a hack, and should not be … Continue reading
Using Dev Tools
Three ways to open the developer tools: Right click inside an online page. Then click “Inspect” or “Inspect Element:”. Hold Ctrl and Shift together and press “I”. On Firefox and Brave Web Browser, click the hamburger icon on the upper … Continue reading
Styling Hyperlinks with Pseudo-classes
a:link – will target all of the anchors that have an href attribute. a:visited – usually will use the same color as on the link pseudo class. Unlike Google who changes from blue (un-clicked) to purple (clicked) link. a:hover – … Continue reading
Working with Colors
RGB Model RGB / RGBA Notation Every color can be represented by a combination of RED, GREEN, and BLUE. Each of the 3 base colors can take a value between 0 and 255, which can make 16.8 million different colors. … Continue reading
Combining Selectors
Helpful Hint: To commit something out in CSS type: /* Things you don’t want the program to run */ OR in VS Code and Pycharm programs you can highlight what you want committed out and press the “Ctrl” then the … Continue reading
Styling Text
We will work with properties and values like: font-size: 26px; Many ways to size texts in CSS. (16 pixels = default) font-family: sans-serif; You can choose many different font-families. text-transform: uppercase; Changes all letters to uppercase. font-style: italic; Changes all … Continue reading
Inline, Internal and External CSS
Inline: The style is written inside the index.html code. Do not do. It is not the right way to style. Do not entangle your CSS files with your HTML files. It looks like: <h1 style=”color: blue”>The Code Magazine</h1> If there … Continue reading