BASIC CSS TAGS - CSS TUTORIAL Part -1

 Here i  am going to describe the tags,AlphabeticalIy Now beginning with the very initial letter.

A

 Animation Properties

   Property                      Description

@keyframes   -                     Specifies the animation 

 animation    -                       A shorthand property for all the animation properties below,                                                                                 except   the  animation-the -state property
animation-name   -              Specifies a name for the @keyframes animation
animation-duration  -           Specifies how many seconds or milliseconds an animation takes                                                                                            to complete  one cycle
animation-timing-function -  Specifies the speed curve of the animation
animation-delay -                 Specifies when the animation will start
animation-iteration -count - Specifies the number of times an animation should be played
animation-direction  -           Specifies whether or not the animation should play in reverse on                                                                                                        alternate cycles
animation-play-state  -        Specifies whether the animation is running or paused

 Alignment properties

     For aligning text , we use

       
     text-align              :                            left,right,center

    The align-items property specifies the default alignment for items inside the flexible    

     container.

       align -                                          items,   self,    content         

   Property                                             Description                               

      stretch                       The element is positioned to fit the conatiner

      center                        The element is positioned at the center of the container

     flex-start                      The element is are positioned at the beginning of the container

     flex-end                       The element is positioned at the end of the container

     baseline                       The element is positioned at the baseline of the container

     initial                            Sets this property to its default value

     inherit                           Inherits this property from its parent element