Web Designing with CSS3 Course > Font & Text Properties

Understanding columns in CSS

51.3k

Columns are a structural element that can be used to create a grid-like layout. They can also be used to divide large blocks of content into smaller sections.

Different types of columns:

  • Horizontal: This type of column is created by setting the width property on an element to 100%. It creates a column in the same direction as the page's flow.
  • Vertical: This type of column is created by setting the height property on an element to 100%. It creates a column in the opposite direction as the page's flow.
  • Stacked: This type of column is created by setting both the width and height properties on an element to 100%. It creates columns that stack vertically and horizontally with each other.

A column is a unit of content in CSS. It is a block of content that can be positioned horizontally or vertically.

CSS has a box-model that allows us to set margins, borders, padding and content inside the columns. We can also use these properties in order to make our columns flexible and responsive.

CSS has many columns that can be created. These include the following:

  • Columns with only text
  • Columns with images and text
  • Columns with images and captions
  • Columns with videos or image slideshows
  • Columns with lists of items
  • Sidebars that are created within a column
  • Single-column layouts
  • Multi-column layouts
  • The sidebar column is also a column in itself, which can have multiple types of content

Learner's Ratings

4.4

Overall Rating

  • 70%
  • 14%
  • 6%
  • 4%
  • 6%

Reviews

A
Amol Somnath Chilarge
5

very good course . needs some improvement like adding css grid and flex box

L
Lalit Borad
5

(●'◡'●)(●'◡'●)(●'◡'●)(●'◡'●)

M
Manik Singha
5

All courses of LearnVern is very similar way to understand for a student, it's a very good for learner. And specially CSS course every point particularly covered by this course.

M
Manik Singha
5

All courses of LearnVern is very similar way to understand for a student, it's a very good for learner. And specially CSS course every point particularly covered by this course.

M
Manik Singha
5

very good explanation for learn a beginner.

V
Vishal Kumar
5

Thank you so much sir

R
RAJVEER
5

This course is very help full and great learner .

S
Shubham Prabhakar Shinde
5

ONE OF THE BEST COURSE AND BEST THING IT IS TOTALLY FREE FOR YOU. IF YOU HAVE SKILLS THEN DONT NEED ANY CERTIFICATES TO YOU.

N
Nirmal Maurya
4

Thanks sir I clear all of my doubts because of you 🙏🙏🙏

G
Gaurav Sardar
5

very good explaining this topic, such a good teacher

Show More
Recommended Courses
Course Content

  1. Introduction to CSS
    20m 57s
  2. How to use LearnVern
    3m 20s
  3. How to Insert CSS - Inline, Internal & Extern CSS
    24m 49s
  4. Comments in CSS
    8m 55s
  5. Assignment : Introduction
    2m 38s

  1. CSS Selectors
    24m 5s
  2. Pseudo Selector - Elements in CSS
    27m 2s
  3. Psuedo Elements in CSS
    32m 56s
  4. Understanding CSS Combinators
    22m 29s
  5. Understanding Child Selectors in CSS
    17m 50s
  6. Assignment : Different Selectors
    7m 15s

  1. Important Rule in CSS
    12m 40s
  2. Understanding Specificity in CSS
    21m 50s
  3. Assignment : CSS Specificity
    2m 8s

  1. Background Property in CSS
    23m 5s
  2. Border Property & Outline In CSS
    56m 8s
  3. Assignment : Background and Border Properties
    2m 33s

  1. Display Property in CSS
    28m 20s
  2. Text Alignment Property in CSS
    22m 42s
  3. Position Property in CSS
    32m 46s
  4. Positioning Property with Float in CSS
    21m 2s
  5. Assignment : Display and Position Properties
    4m 51s

  1. Understanding Height & Width Properties in CSS
    14m 20s
  2. Overflow Property in CSS
    19m 23s
  3. Assignment : Cursor & Button Property
    7m 51s

  1. Understanding List Styling in CSS
    22m 10s
  2. Understanding Calc function in CSS
    17m 26s

  1. Understanding Visibility Property in CSS
    13m 7s
  2. Understanding print properties in CSS
    19m 49s

  1. Cursor Property in CSS
    16m 16s
  2. Button Property in CSS
    28m 30s

  1. Styling Images in CSS
    18m 16s
  2. Image Filter Property in CSS
    31m 14s
  3. Assignment : Implementing Images
    2m 36s

  1. Understanding Colors in CSS
    38m 34s
  2. Understanding Shadow Effects in CSS - Box Shadow & Text Shadow
    25m 37s
  3. Understanding CSS Gradients
    26m 48s
  4. Masking in CSS
    17m 42s
  5. Assignment : Color, Gradient and Shadow
    4m 26s

  1. Fonts in CSS
    40m 59s
  2. How to Add Icons in CSS
    20m 57s
  3. Understanding Line Height, Padding and Margin in CSS
    34m 44s
  4. Understanding Line Height, White Space & Word Break in CSS
    36m 36s
  5. Understanding Text - Transformation in CSS
    33m 50s
  6. Understanding Text-align Property in CSS
    35m 6s
  7. Understanding Text Indent and Text Stroke property in CSS
    21m 16s
  8. Understanding columns in CSS
    12m 50s
  9. Understanding Hyphen property in CSS
    15m 1s
  10. Assignment : Font & Text Properties
    5m 39s

  1. Understanding Transformation and Resize property in CSS
    35m 28s
  2. Understanding 2D Transformation in CSS
    23m 41s
  3. Understanding 3D Transformation in CSS
    12m 52s
  4. Assignment : Transformation
    3m 29s

  1. Understanding Transition Delay property in CSS
    24m 33s
  2. Understanding Animation in CSS
    27m 16s
  3. Understanding keyframes Rule in CSS
    17m 59s
  4. Assignment : Animation
    2m 40s

  1. Understanding Z Index property in CSS
    12m 13s
  2. Assignment : Z-index
    1m 30s

  1. Understanding Media Queries in CSS
    43m 38s
  2. Assignment : CSS Media Queries
    2m 17s

  1. Course Summary
    1m 23s

  1. Career Guideline In CSS
    1m 27s

  1. Interview Question
    30m 52s
Enroll For Free