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
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/Class_selectors
- https://www.w3schools.com/css/css_selectors.asp grid
- https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout 2.https://www.w3schools.com/css/css_grid.asp flex
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex
- https://www.w3schools.com/cssref/css3_pr_flex.php
Top comments (0)