css summary

css (cascading style-sheets)  is a language for describing the appearance of web pages.to create good-looking web pages.

advantages of css 

  • saves time
  • faster page loading
  • easy to maintenance
  • superior styles to html

the css provides number of properties, pseudo-classes and pseudo-elements, @rules,to design a web page.shows the quick lists:-

    

a

  • :active
  • ::after (:after)
  • align-content
  • align-items
  • align-self
  • <angle>
  • animation
  • animation-delay
  • animation-direction
  • animation-duration
  • animation-fill-mode
  • animation-iteration-count
  • animation-name
  • animation-play-state
  • animation-timing-function
  • attr()
  • auto

B

  • backface-visibility
  • background
  • background-attachment
  • background-clip
  • background-color
  • background-image
  • background-origin
  • background-position
  • background-repeat
  • background-size
  • ::before  (:before)
  • border
  • border-bottom
  • border-bottom-color
  • border-bottom-left-radius
  • border-bottom-right-radius
  • border-bottom-style
  • border-bottom-width
  • border-collapse
  • border-color
  • border-image
  • border-image-outset
  • border-image-repeat
  • border-image-slice
  • border-image-source
  • border-left
  • border-left-color
  • border-left-style
  • border-left-width
  • border-left-radius
  • border-right
  • border-right-color
  • border-right-style
  • border-right-width
  • border-spacing
  • border-style
  • border-top
  • border-top-color
  • border-top-left-radius
  • border-top-right-radius
  • border-top-style
  • border-top-width
  • border-width
  • bottom
  • box-shadow
  • box-sizing
  • break-after
  • break-before

c

  • calc()
  • caption-side
  • @charset
  • :checked
  • clear
  • clip
  • clip-path
  • color
  • columns
  • column-count
  • column-fill
  • column-gap
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • column-span
  • column-width
  • content
  • <counter>
  • counter-increment
  • counter-reset
  • cursor

D

  • :default
  • :dir()
  • direction
  • :disabled
  • display
  • @document

E

  • element()
  • :empty
  • empty-cells
  • :enabled

F

  • filter
  • :first
  • :first-child
  • ::first-letter (:first-letter)
  • ::first:line (:first-line)
  • flex
  • flex-basis
  • flex-direction
  • flex-flow
  • flex-grow
  • flex-shrink
  • flex-wrap
  • float
  • :focus
  • font
  • @font-face
  • font-family
  • font-feature-settings
  • font-size
  • font-size-adjust
  • font-stretch
  • font-style
  • font-variant
  • font-weight
  • <frequency>

g

  • <gradient>

h

  • height
  • :hover
  • hsl()
  • hsla()
  • hyphens

I

  • icon
  • <image>
  • image-rendering
  • image-orientation
  • image-mode
  • @import
  • indeterminate
  • :in-range
  • inherit
  • initial
  • <integer>
  • :invalid

J

  • justify-content

K

  • @keyframes

l

  • :lang()
  • :last-child
  • last-of-type
  • :left
  • left
  • <length>
  • letter-spacing
  • linear-gradient()
  • :link
  • line-height
  • list-style
  • list-style-image
  • list-style-position
  • list-style-type

m

  • margin
  • margin-bottom
  • margin-left
  • margin-right
  • margin-top
  • marks
  • mask
  • matrix()
  • matrix3d()
  • max-height
  • max-width
  • @media
  • min-height
  • min_width

N

  • @namespace
  • nav-down
  • nav-index
  • nav-left
  • nav-right
  • nav-up
  • none
  • normal
  • :not()
  • :nth-child()
  • :nth-last-child()
  • :nth-last-of-type
  • :nth-of-type()
  • :<number>

O

  • object-fit
  • object-position
  • :only-child
  • :only-of-type
  • opacity
  • :optional
  • order
  • orphans
  • outline
  • outline-color
  • outline-offset
  • outline-style
  • outline-width
  • :out-of-range
  • overflow
  • overflow-wrap
  • overflow-x
  • overflow-y

P

  • padding
  • padding-bottom
  • padding-left
  • padding-right
  • padding-top
  • @page
  • page-break-after
  • page-break-before
  • page-break-inside
  • <percentage>
  • perspective
  • perspective()
  • perspective-origin
  • pointer-events
  • position
  • <position>

Q

  • quotes

R

  • radial-gradient()
  • <ratio>
  • :read-only>
  • :read-write
  • rect()
  • ::repeat-index
  • ::repeat-item
  • repeating-linear-gradient()
  • repeating-radial-gradient()
  • :required
  • resize
  • <resolution>
  • rgb()
  • rgba()
  • right
  • :right
  • :root
  • rotate()
  • rotateX()
  • rotatey()
  • rotatez()
  • rotate3d()

S

  • scale()
  • scalex()
  • scaley()
  • scalez()
  • scale3d()
  • :scope
  • ::selection
  • <shape>
  • skew()
  • skewx()
  • skewy()
  • steps
  • <string>
  • @supports

T

  • tabel-layout
  • tab-size
  • :target
  • text-align
  • text-align-last
  • text-combine-horizontal
  • text-decoration
  • text-decoration-color
  • text-decoration-line
  • text-indent
  • text-orientation
  • text-overflow
  • text-rendering
  • text-shadow
  • text-transform
  • text-underline-position
  • <time>
  • <timing-function>
  • top
  • transform
  • transform-origin
  • transform-style
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transition-timing-function
  • translate()
  • translatex()
  • translatey()
  • translatez()
  • translate3d()

u

  • unicode-bidi
  • <uri>
  • url();
  • <user-ident>

V

  • :valid
  • ::value
  • var()
  • var-*
  • vertical-align
  • @viewport
  • visibility
  • :visited

w

  • white-space
  • widows
  • width
  • word-break
  • word-spacing
  • word-wrap
  • writing-mode

x  y  z

  • z-index