zoukankan      html  css  js  c++  java
  • 嵌入式css样式,写在当前的文件中

    现在有一任务,把下面的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为18px。

    如果用内联式css样式的方法进行设置将是一件很头疼的事情(为每一个<span>标签加入sytle="font-size:18px"语句),现在讲解一种新的方法嵌入式css样式来实现这个任务。

    嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色:

    <style type="text/css">
    span{
    color:red;
    }
    </style>

    嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。

    示例:

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>嵌入式css样式</title>
    <style type="text/css">
    span{
       color:blue;
       font-size:18px;
    }
    </style>
    </head>
    <body>
        <p>xx网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;<span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p>
    </body>
    </html>
  • 相关阅读:
    Spring Boot WebFlux-02——WebFlux Web CRUD 实践
    Struts2
    spring04
    spring03
    spring02
    jQuery04
    spring01
    jQuery03
    Linux学习笔记《六》
    请求报错:“应以Content-Type: application/x-www-form-urlencoded为请求类型,在form表单中提交登录信息。"
  • 原文地址:https://www.cnblogs.com/Rinpe/p/5539820.html
Copyright © 2011-2022 走看看