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>
  • 相关阅读:
    原生态 php连接mysql
    sql查询慢 查找
    死锁查询和处理
    linq详细案例
    linq深入
    DataTable 与XML 交互
    DataTable运用
    通过反射修改已有数组的大小
    通过反射取得并修改数组信息
    通过反射机制直接操作属性
  • 原文地址:https://www.cnblogs.com/Rinpe/p/5539820.html
Copyright © 2011-2022 走看看