How to create a child theme in wordpress?

1. Create a directory in your themes directory to hold the child theme. The theme directory is wp-content/themes. You should name the directory without any space as part of the name, and it is common practice to use the name of the parent theme folder with “-child” appended to it. For example, if you are making a child of the twentythirteen theme, your folder name would be twentythirteen-child.
2. In the child theme directory, create a file called style.css. This is the only file required to make a child theme. The style sheet must start with the following lines:

    /*      Theme Name:     Twenty Thirteen Child

             Theme URI:        http://example.com/twenty-thirteen-child/

             Description:        Twenty Thirteen Child Theme

             Author:                Sheetal

            Author URI:         http://example.com

            Template:            twentythirteen

            Version:              1.0.0

           */
                  @import url("../twentythirteen/style.css");

           /* =Theme customization starts here

            -------------------------------------------------------------- */

BASIC CSS TAGS - CSS TUTORIAL Part -6

H

 

Hyperlink Properties 

Property                               Description

    target                           A shorthand property for setting the target-name, target-new,
                                    and target-position properties  
target-name               Specifies where to open links (target destination)  
target-new                  Specifies whether new destination links should open in a new window
                                    or in a new tab of an existing window  
target-position           Specifies where new destination links should be placed

Linebox Properties

Property                              Description   

alignment-adjust            Allows more precise alignment of elements

alignment-baseline       Specifies how an inline-level element is aligned with respect to its     

                                         parent    

baseline-shift                 Allows repositioning of the dominant-baseline relative to the dominant-

                                        baseline    

dominant-baseline        Specifies a scaled-baseline-table    

drop-initial-after-adjust       Sets the alignment point of the drop initial for the primary connection 

                                               point    

drop-initial-after-align         Sets which alignment line within the initial line box is used at the

                                               primary connection point with the initial letter box    

drop-initial-before-adjust    Sets the alignment point of the drop initial for the secondary

                                               connection point    

drop-initial-before-align    Sets which alignment line within the initial line box is used at the

                                              secondary connection point with the initial letter box    

drop-initial-size           Controls the partial sinking of the initial letter    

drop-initial-value           Activates a drop-initial effect    

inline-box-align           Sets which line of a multi-line inline block align with the previous and next 

                                    inline elements within a line    

line-stacking             A shorthand property for setting the line-stacking-strategy,

                                    line-stacking-ruby, and line-stacking-shift properties    

line-stacking-ruby     Sets the line stacking method for block elements containing ruby

                                    annotation elements    

line-stacking-shift     Sets the line stacking method for block elements containing elements with

                                   base-shift    

line-stacking-strategy    Sets the line stacking strategy for stacked line boxes within a

                                       containing block element    

text-height          Sets the block-progression dimension of the text content area of an inline box    

 

          

BASIC CSS TAGS - CSS TUTORIAL Part -5

G

Generated Content Properties

Property            Description

content        -  Used with the :before and :after pseudo-elements, to insert generated                                    content 
counter-increment- Increments one or more counters 
counter-reset  -   Creates or resets one or more counters 
quotes       -   Sets the type of quotation marks for embedded quotations
crop         -           Allows a replaced element to be just a rectangular area of an object,                                       instead of the whole object 
move-to       -   Causes an element to be removed from the flow and reinserted at a later                                 point in the document 
page-policy -  Determines which page-based occurance of a given element is applied to                              a counter or string value

Grid Properties

Property  Description

grid-columns -  Specifies the width of each column in a grid
grid-rows -          Specifies the height of each column in a grid

BASIC CSS TAGS - CSS TUTORIAL Part -4

D

Dimension Properties

Property         Description

height            Sets the height of an element 
max-height Sets the maximum height of an element 
max-width    Sets the maximum width of an element
min-height Sets the minimum height of an element
min-width      Sets the minimum width of an element
width            Sets the width of an element

F

Flexible Box Properties  

Property           Description

box-align          Specifies how to align the child elements of a box
box-direction    Specifies in which direction the children of a box are displayed
box-flex            Specifies whether the children of a box is flexible or inflexible in size
box-flex-group  Assigns flexible elements to flex groups
box-lines          Specifies whether columns will go onto a new line whenever it runs out of                              space in the parent box
box-ordinal-group Specifies the display order of the child elements of a box
box-orient         Specifies whether the children of a box should be laid out horizontally or                                  vertically
box-pack         Specifies the horizontal position in horizontal boxes and the vertical position                           in vertical boxes

Font Properties

Property                 Description
font                   Sets all the font properties in one declaration
font-family         Specifies the font family for text
font-size           Specifies the font size of text
font-style           Specifies the font style for text
font-variant        Specifies whether or not a text should be displayed in a small-caps font
font-weight         Specifies the weight of a font
@font-face        A rule that allows websites to download and use fonts other than the "web-                             safe" fonts
font-size-adjust  Preserves the readability of text when font fallback occurs
font-stretch Selects a normal, condensed, or expanded face from a font family

BASIC CSS TAGS - CSS TUTORIAL Part -3

C

Color Properties

Property               Description

color-profile              Permits the specification of a source color profile other than the default
opacity                      Sets the opacity level for an element
rendering-intent Permits the specification of a color profile rendering intent other than                                                                                                                  the default


Content for Paged Media Properties

Property                            Description

bookmark-label        Specifies the label of the bookmark
bookmark-level        Specifies the level of the bookmark
bookmark-target        Specifies the target of the bookmark link
float-offset                 Pushes floated elements in the opposite direction of the where                                                                                               they have been floated with float
hyphenate-after         Specifies the minimum number of characters in a hyphenated word                                                                                                after the hyphenation character
hyphenate-before         Specifies the minimum number of characters in a hyphenated word                                                                                         before the hyphenation character
hyphenate-character Specifies a string that is shown when a hyphenate-break occurs
hyphenate-lines        Indicates the maximum number of successive hyphenated lines in                                                                                                                          an element
hyphenate-resource Specifies a comma-separated list of external resources that can                                                                           help the browser determine hyphenation points
hyphens                       Sets how to split words to improve the layout of paragraphs
image-resolution        Specifies the correct resolution of images
marks                        Adds crop and/or cross marks to the document

BASIC CSS TAGS - CSS TUTORIAL Part -2

 B

 

 Background Properties:

background - Sets all the background properties in one declaration
background-attachment Sets whether a background image is fixed or scrolls with the rest of the                                                   page 
background-color   -          Sets the background color of an element
background-image  - Sets the background image for an element background-position Sets the                                                starting position of a background image 
background-repeat   - Sets how a background image will be repeated 
background-clip  -             Specifies the painting area of the background 
background-origin - Specifies the positioning area of the background images 
background-size        -       Specifies the size of the background images

Border and Outline Properties

border                               -           Sets all the border properties in one declaration  
border-bottom - Sets all the bottom border properties in one declaration
border-bottom-color - Sets the color of the bottom border
border-bottom-style         -           Sets the style of the bottom border 
border-bottom-width       -             Sets the width of the bottom border
border-color -             Sets the color of   the four borders
border-left - Sets all the left border properties in one declaration
border-left-color - Sets the color of the left border
border-left-style             -               Sets the style of the left border
border-left-width           -                Sets the width of the left border
border-right                    - Sets all the right border properties in one declaration
border-right-color           -              Sets the color of the right border
border-right-style           -               Sets the style of the right border 
border-right-width        -                 Sets the width of the right border 
border-style                  -                 Sets the style of the four borders
border-top - Sets all the top border properties in one declaration
border-top-color           -                Sets the color of the top border
border-top-style            -                Sets the style of the top border 
border-top-width           -               Sets the width of the top border
border-width - Sets the width of the four borders 
outline - Sets all the outline properties in one declaration 
outline-color                   - Sets the color of an outline 
outline-style                  -               Sets the style of an outline
outline-width - Sets the width of an outline
border-bottom-left-radius    -        Defines the shape of the border of the bottom-left corner 
border-bottom-right-radius - Defines the shape of the border of the bottom-right corner  
border-image                       -        A shorthand property for setting all the border-image-* properties
border-image-outset - Specifies the amount by which the border image area extends     beyond the border box border-image-repeat - Specifies whether the image-border should be repeated,                                                                   rounded or stretched 
border-image-slice      -      Specifies the inward offsets of the image-border
border-image-source         - Specifies an image to be used as a border
border-image-width          -           Specifies the widths of the image-border
border-radius - A shorthand property for setting all the four border-*-radius                                                                       properties
border-top-left-radius - Defines the shape of the border of the top-left corner
border-top-right-radius - Defines the shape of the border of the top-right corner
box-decoration-break box-shadow -  Attaches one or more drop-shadows to the box

Box Properties

overflow-x Specifies whether or not to clip the left/right edges of the content, if it overflows the element's content area
overflow-y Specifies whether or not to clip the top/bottom edges of the content, if it overflows the element's content area
overflow-style Specifies the preferred scrolling method for elements that overflow
rotation Rotates an element around a given point defined by the rotation-point property
rotation-point Defines a point as an offset from the top left border edge

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