Web头歌补充--CSS3-文本外观样式

Web头歌补充

CSS3-文本外观样式

  1. bdb

  2.  doctype html>
    <html><head>
    <meta charset="utf-8">
    <title>美食专题栏目title>
    
    <style type="text/css">
    p{ 
    	font-size:16px;
    	font-family:微软雅黑;
    	text-indent:2em;
    	line-height:28px;
    	}
    .blue{color:#33F;
         
         text-decoration:underline;
         }
    .red{color:#F00;}
    .money{font-size:16px;}
    
    style>
    
    head>
    <body>
    <img src="https://www.educoder.net/api/attachments/1989171 "插图"" alt="跳槽有道" />
    
    <p>
    	<em class="blue">导语em>:臭豆腐是<strong class="red">长沙strong>有名的小吃,是一种独具风味的食品。“闻起来臭、吃起来香”是它的最大特点,不少外省人品尝后都赞不绝口。长沙的臭豆腐要数百年老店火宫殿炸得最好,外焦微脆、内软味鲜,100多年来,进火宫殿的人没有不吃臭豆腐的。当年...<em>【详情】em>
    p>
    <p>
    	<em class="blue">火宫殿臭豆腐em>:价格<strong class="money">18strong>p>
    
    body>
    html> 
    
    
  3. doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>搜索页面title>
    head>
    <body>
    
    <h2 class="header">
    	什么是CSS?<em>—CSS教程em>
    h2>
    <p>
        猴子提示: 可以通过简单的更改<em id="red">CSSem>文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.知道什么是<em class="red">CSSem>了,现在就开始学习<em class="red">CSSem>吧 ...
    p>
    <p>
    	<em class="green">www.dreamdu.com/css/wh...em><em class="gray">百度快照em><em class="gray">85%em>好评
    p>
    
    body>
    html>
    
    
    
  4. doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>搜索页面title>
    
    <style type="text/css">
      body{
            font-size:14px;
            color:#333333;
            font-family:微软雅黑;
          }   
        em{
    font-style:normal;
          }                                    
    .header{                
    	font-size:18px;
          color:#D52D2D;
          font-weight:normal;
          text-decoration:underline;
    	
    	
    	
          }
    .header em{          
    	color:#2525D3;
    	text-decoration:underline;
          }
      .red{
          color:#D52D2D;
          }
    .green{
          color:#167A16;
          }
     .gray{
    	color:#595959;
          text-decoration:underline;
    
    	
          }
                                        
    style>
    
    head>
    <body>
    <h2 class="header">
    	什么是CSS?<em>—CSS教程em>
    h2>
    <p>
        猴子提示: 可以通过简单的更改<em class="red">CSSem>文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.知道什么是<em class="red">CSSem>了,现在就开始学习<em class="red">CSSem>吧 ...
    p>
    <p>
    	<em class="green">www.dreamdu.com/css/wh...em>-<em class="gray">百度快照em>-<em class="gray">85%好评em>
    p>
    body>
    html> 
    
    
    

你可能感兴趣的:(前端,css3,css)