css插入方式、选择器、文字排版

css插入方式

    
    
    
    
    div
    {
 border:2px solid #DE1E1E;
 margin:2px 2px 2px 2px;
    }
    .divcss
    {
 border:2px dotted #4B95D2;
    }
    .pcss
    {
 color:red; 
 font-family: 宋体;  
 font-size:24px;   
 font-weight: bold;  
 font-style: italic;   
 text-decoration: underline;  
 text-indent: em;   
 line-height: 1em;   
 letter-spacing:10px;   
    }
    span
    {
 color:blue;
 font-size:24px;
    }
    .divid
    {
 color:#EED71D;
 font-size:24px;
    }
    


    
 

 css全称为“层叠式样式表”。

 是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言

 选择符{属性：值}

 选择符：又称选择器，指明网页中要应用样式规则元素


    
    

    
 
 

 一个人可以毫无道理跟你做一辈子亲戚,但一个人不会毫无道理跟你做一辈子朋友
 

 

 
 

 一个人可以毫无道理跟你做一辈子亲戚,但一个人不会毫无道理跟你做一辈子朋友
 

 

 
 

 一个人可以毫无道理跟你做一辈子亲戚,但一个人不会毫无道理跟你做一辈子朋友
 
 

 
     内联式、嵌入式、外部式都遵循就近原则进行调用。
 
    

css选择器

    
    
    
 div
 {
     border:2px dashed #F03A3A;
 }
 *{
     color:#24D1A9;
 }
 h3
 {
     font-style:italic;
     color:red;
 }
 .lei
 {
     color:blue;
     font-weight: bold;
 }
 #idcss
 {
     color: yellow;
     text-decoration: underline;
 }
 .firsta>li
 {
     color: #ACD819;
 }
 .firstb li
 {
     color: #ACD819;
 }
 a:hover
 {
     color:red;
 }
    


    
 

     通配选择符：*{...}

     使用所有标签。

 
 

     类型选择符：标签名称{...}

     这是一个类型选择符
 

 

     类选择符：.类名{...}

     这是一个类选择符
 

 

     ID选择符：#类名{...}

     这是一个ID选择符
 
    

    
 

     
水果
     

  
苹果
  
桃子
     
     
电子产品
     
，，，，
 
    

    
 

     
水果
     

  
苹果
  
桃子
     
     
电子产品
     
，，，，
 
    

    

 点击取百度
    

文字排版

    
    
    
 body
 {
     font-family: 华文行楷;
     font-size:48px;
     color:#20B3E0;
     font-weight:bold;
     font-style:italic;
     text-decoration: underline;
     text-decoration-color: #F31818;
     text-indent:2em;
     line-height: 1.5em;
     letter-spacing: 3px;
 }
    


    
 

 当不幸降临在他人头上时，他们往往都能像智者一样劝慰别人；而当同样的不幸降临自己身上时，人往往很难同样地开导自己。人最大的不智不是不知道，而是知道了却迟迟不愿去做，所以平庸却又自怜的人很多。