5.4 Using calc()
If you’ve used any CSS preprocessors, then you may be used to using math to calculate numerical values for your styles. But did you know that browsers are already starting to support mathematical calculations using CSS? In this lesson, you’ll learn more about this exciting functionality.
Related Links
1.Welcome
1.1Introduction01:38
1.1
Introduction
01:38
1.2The Standardization Process04:31
1.2
The Standardization Process
04:31
2.Level 4 Selectors
2.1The Negation Pseudo-Class07:13
2.1
The Negation Pseudo-Class
07:13
2.2The :has Pseudo-Class09:07
2.2
The :has Pseudo-Class
09:07
2.3Combining :has and :not08:22
2.3
Combining :has and :not
08:22
2.4Efficient Selection With :matches07:16
2.4
Efficient Selection With :matches
07:16
2.5Working With Links05:02
2.5
Working With Links
05:02
2.6Selecting :blank Elements03:47
2.6
Selecting :blank Elements
03:47
3.Styling Tables
3.1Selecting Table Columns04:50
3.1
Selecting Table Columns
04:50
3.2Column Pseudo-Classes08:06
3.2
Column Pseudo-Classes
08:06
4.Layout Options
4.1The Grid Layout03:59
4.1
The Grid Layout
03:59
4.2Implementing the Grid Layout10:25
4.2
Implementing the Grid Layout
10:25
4.3The Flexbox Model10:26
4.3
The Flexbox Model
10:26
5.Other Options
5.1Scoped Styles06:20
5.1
Scoped Styles
06:20
5.2Introducing Blend Modes04:20
5.2
Introducing Blend Modes
04:20
5.3Implementing Blend Modes09:16
5.3
Implementing Blend Modes
09:16
5.4Using calc()14:05
5.4
Using calc()
14:05
5.5CSS Variables11:30
5.5
CSS Variables
11:30
6.Conclusion
6.1Final Thoughts02:42
6.1
Final Thoughts
02:42
