This class was created by Brainscape user Carlos Serrano. Visit their profile to learn more about the creator.
By:
Carlos Serrano
- decks
- flashcards
- learners
Decks in this class (44)
Fundamentals
What is a declaration 1,
What is a selector 2,
What is a css rule or css ruleset 3
22
cards
Selectors
Types of selectors 1,
What are css atribute selectors 2,
Css attribute selector syntax 3
12
cards
Combinators
Css child combinator 1,
Css descendant combinator 2,
Css namespace separator 3
10
cards
pseudo-classes
What is a css pseudo class 1,
Type of pseudo classes 2,
Element display state pseudo clas...
22
cards
Pseudo-elements
What is a pseudo element 1,
After pseudo element 2,
Before pseudo element 3
9
cards
Working with relative units and custom properties
What are ems 1,
Why can it be confusing working w...,
What is the shrinking font problem 3
19
cards
CSS values and units
What is a css value type aka css ...,
Css data type 2,
Css data type 3
29
cards
The box model
What is the box model 1,
What is the content area 2,
What is the padding area 3
49
cards
at-rules
aka @rules
28
cards
CSS Media Queries
What are css media queries 1,
What is the syntax of a media que...,
How can you negate a media query 3
28
cards
CSS containment
What does css containment do 1,
Contain css property 2,
Explain contain paint 3
18
cards
Making sense of Floats
What does float do 1,
What is the double container patt...,
What is the height of a block ele...
15
cards
Flexbox
What is flexbox 1,
What does display flex do to an e...,
What does display inline flex do ...
39
cards
Grid - Concepts
What is the css grid layout 1,
What is a grid 2,
What are the properties of a grid 3
20
cards
Grid - Related
What are the sizing keywords 1,
What is a subgrid 2,
Explain min content sizing keyword 3
19
cards
Grid - Explicit Grid
What is an explicit grid 1,
What do grid template columns and...,
How can you reference grid lines 3
29
cards
Grid - Implicit Grid
What is an implicit grid 1,
What do grid auto columns and gri...,
What does grid auto flow property...
21
cards
Positioning and stacking contexts
What is the containing block of a...,
How can you identify the containi...,
What is an stacking context 3
27
cards
Responsive Design
What are the 3 key priciples of r...,
What is progressive enhancement 2,
What is graceful degradation 3
16
cards
Modular CSS / BEM Methodology
What does modular css means 1,
What is the problem with context ...,
How can you write a module s vari...
15
cards
Gradients - linear
What is a gradient css data type 1,
Describe the different types of g...,
What does the linear gradient css...
19
cards
Gradients - radial
Radial gradient css function 1,
Syntax of radial gradient css fun...,
Possible arguments of radial grad...
9
cards
Gradients - conic
Conic gradient css function 1,
Syntax of conic gradient css func...,
Possible values of conic gradient...
6
cards
Gradients - repeat
Repeating gradient css functions 1,
Repeating linear gradient css fun...,
Repeating radial gradient 3
4
cards
Background and blend modes
What does background image css pr...,
What is the syntax of the backgro...,
What does background position css...
27
cards
Shadows
Which css properties can create s...,
What does the box shadow css prop...,
Syntax of box shadow css property 3
14
cards
CSS filter function
Explain the filter function css d...,
Explain the blur css filter funct...,
Explain the brightness css filter...
11
cards
Working with colours
What is a color css data type 1,
How can you specify a css data ty...,
What does the currentcolor keywor...
13
cards
Color notations
What is the hex color notation fo...,
What is the syntax of hex color n...,
What does the rgb functional nota...
12
cards
Color theory - concepts
What is color theory 1,
What is a color wheel 2,
What are primary colors 3
21
cards
Color theory - schemas
What is a monochromatic color sch...,
What is a analogous color scheme 2,
What is a complementary color sch...
6
cards
Color theory - psychology
What is color psychology 1,
What are warm and cool colors 2,
What is color harmony 3
11
cards
Typography - concepts
What is a typeface 1,
What are the differences between ...,
What is a point size or pt 3
16
cards
Typography - types
What is a serif 1,
List the different types of serif...,
When should you use serif fonts 3
23
cards
Typography - language support
Why should you care about the len...,
What is the problem with alignmen...,
Why is vertical space important f...
5
cards
Typography - font pairing
What should you ask yourself befo...,
Reasons to do font pairing 2,
Why is the tone of the pairing fo...
8
cards
Typography - CSS applied
How can you change the baseline o...,
How can you change the cap height...,
How can you simulate cap height c...
12
cards
Fluid fonts
How can you make a font fluid 1,
How can you give a minimum size t...,
How can you give a maximun size t...
5
cards
Variable Fonts - OpenType Font Variations
What are variable fonts 1,
Q what are the differences betwee...,
Anatomy of a variable font 3
20
cards
Transitions
What does the transition property...,
What is the syntax of the transit...,
What does the transition duration...
28
cards
Transforms
What is the transform css propert...,
What is the syntax and possible v...,
How can you apply multiple transf...
31
cards
Animations
What are css animations 1,
What is the difference between cs...,
What does animation name css prop...
30
cards
Animation exercises
Given the following css rule iden...,
Write a css rule to apply an anim...,
What will be the behavior of the ...
15
cards
CSS miscellaneous
CSS properties I want to know about more in depth
4
cards
More about
CSS
- Class purpose General learning
Learn faster with Brainscape on your web, iPhone, or Android device. Study Carlos Serrano's CSS flashcards now!
How studying works.
Brainscape's adaptive web mobile flashcards system will drill you on your weaknesses, using a pattern guaranteed to help you learn more in less time.
Add your own flashcards.
Either request "Edit" access from the author, or make a copy of the class to edit as your own. And you can always create a totally new class of your own too!
What's Brainscape anyway?
Brainscape is a digital flashcards platform where you can find, create, share, and study any subject on the planet.
We use an adaptive study algorithm that is proven to help you learn faster and remember longer....
Looking for something else?
CSS Paid FCs
- 41 decks
- 947 flashcards
- 18 learners
Decks:
Chapter 1 History Fermentation Distillat, Chapter 1 Aging And Post Distillation Pr, Chapter 2 Sensory Evaluation Of Spirits, And more!
CSS
- 8 decks
- 564 flashcards
- 36 learners
Decks:
10 Css Basics, 11 Css Layout Concepts, 12 Css Box Model, And more!
CSS
- 9 decks
- 866 flashcards
- 51 learners
Decks:
Chapter 1 Spirit Production, Vocab 1, Chapter 7 Tequila, And more!
