Slide 1

Media and Web Development
ICOM-101-01 / MTEC-617-01
Week 3 ● Introduction to CSS

Image is not available
Slide 1

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