Media and Web Development
ICOM-101-01 / MTEC-617-01
Week 3 ● Introduction to CSS
Media and Web Development
CSS Selectors are a mechanism in Cascading Style Sheets (CSS) that allows designers and developers to select HTML elements on a web page and apply styles to them. They use patterns to match the elements and apply the styles to the elements that match the selector pattern. Selectors can match elements based on their tag name, class name, id, attribute, or a combination of these factors. CSS selectors offer a powerful and flexible way to control the look and layout of a web page and make it easier to maintain a consistent style throughout the site.
Layout in CSS refers to the arrangement and organization of elements on a web page. CSS provides various layout techniques, such as float, display, position, and flexbox, which allow designers and developers to control the size, position, and flow of elements. These techniques allow for the creation of complex layouts with rows, columns, and grids, which can be used to structure the content of a web page
Color and fonts are two important aspects of design in CSS. CSS allows you to specify the color of elements using a variety of color models, such as RGB, HEX, and HSL. The CSS font properties, such as font-family, font-size, and font-weight, allow you to control the appearance of text on a web page. By using CSS, you can easily change the color scheme and typography of your website, which can have a significant impact on its overall look and feel. Additionally, CSS provides techniques like Google Fonts and web safe fonts, which allow you to incorporate a wide range of custom fonts into your web pages, providing further opportunities for creative expression and enhancing the user experience
CSS MAKES THE WEB LOOK LIKE IT DOES!
When many styles are applied to the same element, they use a cascading priotiry scheme.
We'll learn some together as we go, you'll learn some on your own as you research specific functionality, and the rest you can find on w3schools css reference.
This is a general descendent selector.
Class and ID names can mostly be whatever you want, but must always start with an a-z character.
At then end of the day, the browser doesn't care which of these color formats you use. You should have familiarity with all them, but use whatever you feel most comfortable with.
● Add some CSS to style your HTML
● Use the CSS Box model to add padding, margin, or border styles to an
● Change the color or background-color of an element
● Change the font of an element from the default
■ Extra credit : Load a font from google fonts
● Use at least one class attribute to selectively style some HTML
● If you didn't last week, add an img and a tag to your document