Monthly Archives: January 2022

Pseudo-classes

Posted on January 19, 2022 by Ann

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

Posted on January 18, 2022 by Ann

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

Posted on January 13, 2022 by Ann

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

Posted on January 13, 2022 by Ann

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

Posted on January 13, 2022 by Ann

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

Posted on January 13, 2022 by Ann

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

Challenge #2

Posted on January 12, 2022 by Ann

codepen.io is an online tool to quickly test out ideas. And if you set up a free account, you can save your work, save your https address, and then give that https address to someone else to look at your … Continue reading →

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

Challenge #1

Posted on January 12, 2022 by Ann

How to put all images into a new folder: Hover your mouse over your project’s name. Click on the “new folder” icon. It will open up a new box to write what you want to name your folder. Name your … Continue reading →

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

Installing Additional VS Code Extensions

Posted on January 12, 2022 by Ann

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

Structuring our page

Posted on January 12, 2022 by Ann

HTML containers:Group content into logical parts. <header> <nav> <div> – is a generic divider. Used before HTML 5 came out. <article> <footer> “&copy” puts a Copyright C with a circle around it. Semantic HTML Use <strong> and <em>, <header>, <nav>, … Continue reading →

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