HTML CSS Styles

CSS style:
1. The Style property of the label
2. Write style in the Style tab in the head
-ID Selection Area
#i1 {
                
height:48px;
}
              
-Class selector ******
            
Name
...
}
              
< label class= ' name ' > </tag >
        
-Tag Selector
div{
...
}
                
                
All div settings on this style
        
-level selector (space) ******
. C1. C2 div{
                    
}
-Combo Selector (comma) ******
#c1,. c2,div{
                    
}
        
-Property selector ******
Filter the selected labels again by attributes
. c1[n= ' Alex ']{width:100px; height:200px;}
               
Ps:
-priority, style first on label, write order, nearest principle
        
2.5 CSS styles can also be written in separate files
<link rel= "stylesheet" href= "Commons.css"/>
        
3. Comments
/*   */

4. Border
-width, style, color (border:4px dotted red;)
-Border-left
    
5.
Height, percentage of altitude
width, breadth pixels, percent
Text-align:ceter, centered horizontally
Line-height, vertical direction according to label height
Color, font colors
Font-size, Font size
Font-weight Font Bold
    
6, float
       
<div style= "Clear:both;" ></div>
        
7. Display
Display:none; --Let the label disappear
Display:inline;
Display:block;
Display:inline-block;
With inline, the default number of its own how much
With block, you can set the height, width, padding margin
******
Inline Tags: Unable to set height, width, padding margin
Block-level Tags: set height, width, padding margin
        
        
8. Padding margin (0,auto)

HTML CSS Styles