Tag Archives: css

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

Posted in Web Developer Course | Tagged , , | Leave a comment

Pseudo-classes

Instead of using a class or an id to change something, you can also use a pseudo-class. In CSS you write the element, then a colon, then what you want to change. Lists are really good to use as pseudo-classes … Continue reading

Posted in Web Developer Course | Tagged , , | Leave a comment

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

Posted in Web Developer Course | Tagged , , | Leave a comment

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

Posted in Web Developer Course | Tagged , , | Leave a comment

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

Posted in Web Developer Course | Tagged , | Leave a comment

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

Posted in Web Developer Course | Tagged , , | Leave a comment

Introduction to CSS

CSS means Cascading Style Sheets CSS describes the visual style and presentation of the content written in HTML. CSS consists of many properties that developers use to format the content: properties about font, text, spacing, layout, etc. There will be … Continue reading

Posted in Web Developer Course | Tagged , | Leave a comment

Installing Additional VS Code Extensions

Image preview – shows small images on the left side of your HTML code in the gutter. Color Highlight – it styles css/web colors found in your document. Auto Rename Tag – it automatically renames paired HTML/XML tags Live Server … Continue reading

Posted in Web Developer Course | Tagged , , , | Leave a comment