问答详情
源自：1-3 使用说明书 - 标签的语法

关于文章主题style

怎样设置段落或文章中在同一行不一样的字体颜色？让她们不分行

 </head>

    <body>

        <h1>在本教程中，

        <style type ="text/css">

        h1{

            color:#450;

            }

            </style>

        <h2>你将学习如何使用 HTML 来创建站点

        <style type="text/css">

        h2{

            color:#620 ;

        

            }

            </style>

            </h2>

            </h1>

        <p>当特殊的样式需要应用到个别元素时，就可以使用内联样式。</p> 

    </body>

</html>

http://img.mukewang.com/573b228d0001810403930206.jpg


提问者：犄角旮旯的鱼 2016-05-17 21:54

个回答

  • qq_A图巴_03376164
    2016-05-17 22:02:12
    已采纳

    而且你上面的style语句尽量写到head里面，你这都写到body里面了

    0
  • qq_迷途少年_0
    2016-05-17 22:26:38

    可以写在一个标题中，用span改变样式

    <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css样式</title>

<style type="text/css">


</style>
</head>
   <body>
        <h1><span style="color:blue">在本教程中</span>，<span>你将学习如何使用 HTML 来创建站点</span> 
        <style type ="text/css">
        h1{
            color:#450;
            }
            </style>
        
        
            </h1>
        <p>当特殊的样式需要应用到个别元素时，就可以使用内联样式。</p> 
    </body>
</html>


    0
  • DKnight
    2016-05-17 22:14:11

    可以使用<span></span>包住想要使用不同样式的文本，在CSS里对<span>进行设置

    代码如下

    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>关于文章主题Style</title>
</head>
<style>
    h1,p{
        color: #450;
    }
    h2{
        color: #620;
    }
    span{
        color: blue;
    }
</style>
<body>
    <h1>在本教程中</h1>
    <h2>你将学习如何使用HTML来创建站点</h2>
    <p>
        当<span>特殊的样式</span>需要应用到个别元素时，就可以使用内联样式。
    </p>
</body>
</html>

    预览

    http://img.mukewang.com/573b2726000155a404540162.jpg


    2
  • 溺阳
    2016-05-17 22:10:49

    <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>同一行不同文字样式</title>
<style type="text/css">
    .one{color:blue;}
    .two{color:red;}
    .thr{color:#0f0;}
</style>

</head>

<body>
<p>
   <span class="one">秋天</span>来临了<span class="two">天空</span>像一块<span class="thr">覆盖</span>大地的蓝宝石。
</p>
</body>
</html>


    1
  • qq_无方雒淼_03364886
    2016-05-17 22:09:31

    给你想要变色的文字加上<span>标签 在标签里加上class=""或id=::名字，用不同的class或id""名字给不同的子上不同的颜色


    0
  • 雨声__
    2016-05-17 22:09:22

    用 < span>分开依次在text/css中设置，或者创建  .类选器名称{css样式代码;}
    即span  class=“”运用类选择器也可解决。不建议用id选择器。。

    0
  • qq_A图巴_03376164
    2016-05-17 22:00:41

    增加<span>元素，然后在样式里面对span元素单独设置颜色样式。

    0