Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS_BASICS - Coggle Diagram
CSS_BASICS
SHADOWS
BoxShadow
Horizontal
Right+ve
Vertical
Down+ve
Optional
Soften
Px
Color
TextShadow
PROVIDE
Normalize
Normalize.css
Look
Same
Browsers
Link
First
Embed
External
Inline
BORDERS
Sequence
Thickness
Px
%
Style
Solid
Dash
Dotted
Color
TRBL
Style
Color
Width
Radius
Px
%
Css-tricks
SELECTORS
Relational
Elem
Subelem
All
'> Subelem
Direct
Child
'+ Sibling
Next
Sibling
~ Sibling
All
Next
Sibling
Fragile
Prefer
Id
Class
Basic
Type
Id
Class
Attribute
elem[Attr]
elem[Attr="val"][Attr]
Operators
*=
Anywhere
^=
Startswith
$=
Endswith
Specificity
Id > Class > Type
Equal
Last
Applies
!important
Bad
PSEUDO
Class
Colon
Single
Position
LastChild
FirstOfType
LastOfType
FirstChild
NthChild(arg)
Odd
Even
<Num>n
Hover
Focus
Anchor
Visited
Link
ElementState
Element
ElementPart
Colon
Double
Elem::
First
Line
Letter
Selection
Before
After
COLORS
Gradients
Image
Technically
Linear
Arg
[direction], col1 [pos1], col2 [pos2]
Pos
Start%
End%
Direction
Angle
SideOrCorner
Radial
shapeSize, col1 [pos1], col2 [pos2]
Shape
Ellipse
Default
Circle
Size
Farthest
Corner
Default
Side
Closest
Corner
Side
Position
Center
Default
Top
Left
BackgroundColor
RGB[A]
HSL[A]
Hex
Named