前端第二波

10 篇文章 0 订阅

 前端第二波

 

css文本格式类:

文本格式标签:
b/strong:加粗
i/em:斜体

font:

font-size:16px;  改变字号的大小;
font-family:"宋体"; 改变文本的类型;
font-style:oblique/normal;  控制字体是否为斜体;
font-weight:400/700;    400/normal:不加粗 700:加粗

text:

text-align:left/center/right;  规定文本的水平对齐方式
text-color:pink;        规定颜色
text-indent:normal;        斜体不斜
text-decoration:none;        取消文本修饰,比如下划线    

line-hight:50px;                设置垂直方向上距离块的顶部的距离

练习示例代码可以运行看效果学习:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>互联网</title> 
  <style>
      *{
        font-family: "宋体";      /*设置文本字体的字体样式,中文或者是英文中出现特殊字符(如空格)等出现需要加上双引号*/
      }
      h1{
        text-align:center;        /*文本水平居中*/
      }
      div{
        font-size:16px;         /*文本字体大小*/
        text-align:center;    
        color:pink;           /*改变字体的颜色*/
      }
      p{
        line-height:25px;   /*字段的行间距*/
        text-indent:2em;  /*首行缩进两个字符,em为字的单位;*/
      }
      u{                      /*定义下划线字符*/ 
        color:blue;
      }
      .u1{
        text-decoration:none;    /*定义下划线字符没有下划线*/
      }
      del{                      /*定义删除字符*/
        color:blue;
      }
      .del1{
        text-decoration:none;     /*定义删除线字符没有删除线*/
      }
      em{                         /*定义斜体字符*/
        color:blue;
      }
      .em1{
          font-style:normal;  /*设置斜体不倾斜*/
          color:blue;
      }
      strong{
        color:blue;
      }
      .strong1{
        font-weight:400;      /*400==normal 使字体加粗的变正常,700为标准加粗*/
      }
  </style>
</head>
<body>
    <h1>互联网 (网际网络)</h1>
    <div>编辑 讨论99+</div>
    <hr />
    <p><a href="#">互联网</a>(英语:Internet)属于传媒领域。又称国际网络,互联网始于1969年美国的阿帕网。是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。通常internet泛指互联网,而Internet则特指因特网。这种将计算机网络互相联接在一起的方法可称作“网络互联”,在这基础上发展出覆盖全世界的全球性互联网络称互联网,即是互相连接一起的网络结构。互联网并不等同万维网,万维网只是一建基于超文本相互链接而成的全球性系统,且是互联网所能提供的服务其中之一。</p>
    <p>在如今的日常生活中,因特网这个词已经频繁出现在我们的交流中,因特网是不是就是我们常看到的Internet呢?</p>
    <p>实际上Internet表示的意思是互联网,又称网际网路,根据音译也被叫做因特网、英特网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一且巨大的全球化网络,在这个网络中有交换机、路由器等网络设备、各种不同的连接链路、种类繁多的服务器和数不尽的计算机、终端。使用互联网可以将信息瞬间发送到千里之外的人手中,它是信息社会的基础。</p>
    <p>因特网始于1969年的美国。是美军在ARPA(阿帕网,美国国防部研究计划署)制定的协定下,首先用于军事连接,后将美国西南部的加利福尼亚大学洛杉矶分校、斯坦福大学研究学院、UCSB(加利福尼亚大学)和犹他州大学的四台主要的计算机连接起来。这个协定由剑桥大学的BBN和MA执行,在1969年12月开始联机。</p>
    <p>另一个推动 Internet发展的广域网是NSF网,它最初是由美国国家科学基金会资助建设的,目的是连接全美的5个超级计算机中心,供100多所美国大学共享它们的资源。NSF网也采用TCP/IP协议,且与Internet 相连。</p>
    <p>ARPA网和NSF网最初都是为科研服务的,其主要目的为用户提供共享大型主机的宝贵资源。随着接入主机数量的增加,越来越多的人把Internet作为通信和交流的工具。一些公司还陆续在Internet上开展了商业活动。随着Internet的商业化,其在通信、信息检索、客户服务等方面的巨大潜力被挖掘出来,使Internet有了质的飞跃,并最终走向全球。</p>
    <p>强行添加一行,我想是设置一个带有下划线的词,比如:<u>前端</u>。接下来也是一个带有下划线的词比如:<u class="u1">后端</u>,但是他没有下划线 </p>
    <p>再次强行添加一行,想把一个词设为删除词,比如:<del>原价999</del> 。接下来也是一个带有删除的词比如:<del class="del1">现价:888</del>,但是他没有删除线</p>
    <p>依然强行添加一行,想设置一个斜体字,比如:<em color="blue">我是斜着的</em>,我需要脉动回来,<em class="em1">现在我是正的</em></p>
    <p>..设置一个加粗的粗体字:<strong>我是粗体字</strong>,<strong class="strong1">现在变成正常的</strong></p>
    <p>原文来自百度</p>
</body>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值