DEV Community

Kamalesh AR
Kamalesh AR

Posted on

Introduction to HTML and CSS

Today i learned how to create a resume building using a HTML and CSS by uses of properties like a class selector, basics of grid and flex concepts.

Class selector:

  • In HTML, the class selector is a pattern used in CSS to select and style elements that have a specific class attribute. Unlike an ID, which must be unique to one element, a class can be applied to multiple elements on the same page, making it ideal for reusable styles
  • The CSS class selector matches elements based on the contents of their class attribute.
  • The element selector selects HTML elements based on the element name.

What is grid?

  • The CSS grid layout module excels at dividing a page into major regions or defining the relationship in terms of size, position, and layering between parts of a control built from HTML primitives.
  • The Grid Layout Module offers a grid-based layout system, with rows and columns.
  • The Grid Layout Module allows developers to easily create complex web layouts.
  • The Grid Layout Module makes it easy to design a responsive layout structure, without using float or positioning.

What is flex?

  • In CSS, "flex" usually refers to either the Flexible Box Layout (Flexbox) module or the specific flex shorthand property used within that layout system.
  • The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.

Reference
class selector

  1. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/Class_selectors
  2. https://www.w3schools.com/css/css_selectors.asp grid
  3. https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout 2.https://www.w3schools.com/css/css_grid.asp flex
  4. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex
  5. https://www.w3schools.com/cssref/css3_pr_flex.php

Top comments (0)