字体样式文本样式

span标签

重点突出的字，使用span套起来

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>span</title>
 </head>
 
 <style>
   #title1{
     font-size: 50px;
   }
 </style>
 
 <body>
 
 你好，我是<span id="title1">琪琪又炸毛了</span>
 
 </body>
 </html>

字体样式

font-family : 字体 font-size : 字体大小 font-weight : 字体粗细 color : 字体颜色

文本样式

text-decoration: none; 超链接去下划线

颜色：单词 RGB 0~F RGBA 有透明度 A：0~1 红绿蓝： 0~255

text-align : 排版居中 text-indent : 2em 段落首行缩进 height: 200px; line-height: 100px; 行高，和，块的高度一致，就可以上下居中

img,span{ vertical-align: middle; } 水平对齐参照物 a，b

text-decoration: overline 上划线

text-decoration: line-through 中划线

text-decoration: underline 下划线

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>字体样式</title>
 
 <!--
     font-family : 字体
     font-size   : 字体大小
     font-weight : 字体粗细
     color       : 字体颜色
  -->
 <style>
 
   body{
     font-family: 隶书;
   }
 
 /*
   text-decoration: none;  超链接去下划线
 
   颜色：
       单词
       RGB   0~F
       RGBA    有透明度   A：0~1   红绿蓝 ： 0~255
 
   text-align : 排版   居中
   text-indent : 2em    段落首行缩进
   height: 200px;
   line-height: 100px;
   行高，和，块的高度一致，就可以上下居中
 
       img,span{
       vertical-align: middle;
     }
     水平对齐   参照物    a，b
 */
   a{
     text-decoration: none;
   }
 
   h1{
     font-size: 30px;
     color: rgba(255,0,255,0.5);
     text-align: center;
   }
 
   .p1{
     font-weight: bold;
     text-indent: 2em;
   }
 
   .p2{
     background: forestgreen;
     height: 200px;
     line-height: 100px;
     text-indent: 2em;
   }
   /*上划线*/
   .p3{
     text-decoration: overline red;
   }
   /*中划线*/
   .p4{
     text-decoration: line-through #4a78c2;
   }
   /*下划线*/
   .p5{
     text-decoration: underline #c3d23b;
   }
 
     img,span{
       vertical-align: middle;
     }
 
 
 </style>
 
 </head>
 <body>
 
 <a href="">123</a>
 
 <h1>
   王一博
 </h1>
 
 <p class="p1">
   王一博（YiBo），1997年8月5日出生于中国河南省洛阳市，中国内地流行乐男歌手、演员、主持人、职业摩托车赛车手，男子演唱组合UNIQ成员。2014年9月15日，以UNIQ组合成员身份正式出道；12月，组合获得尖叫爱奇艺之夜颁奖礼最具期待组合奖。2015年，主演青春励志电影《梦想合伙人》；同年，随组合获得酷音乐亚洲盛典年度内地最佳新人奖和尖叫爱奇艺之夜颁奖礼年度音乐大奖。
 </p>
 
 <p class="p2">
   2016年3月，随组合凭借歌曲《EOEO》获得美国International-K Music Awards最佳编舞奖 [5]  ；4月29日，正式成为综艺节目《天天向上》“天天兄弟”成员；12月，领衔主演都市爱情励志喜剧《人间至味是清欢》 [6]  。
 </p>
 
 <p class="p3">123</p>
 <p class="p4">123</p>
 <p class="p5">123</p>
 
 <p class="p6">
   <img src="/resources/背景1.jpg" alt="图片" height="200px" width="500px">
   <span>图片</span>
 </p>
 
 </body>
 </html>

posted on 2021-06-25 15:19 琪琪又炸毛了阅读(86) 评论(0) 收藏举报

刷新页面返回顶部

字体样式文本样式

span标签

字体样式

文本样式

公告