关于文章主题style

来源:1-3 使用说明书 - 标签的语法

犄角旮旯的鱼

2016-05-17 21:54

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

 </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


写回答 关注

7回答

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

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

    犄角旮旯的鱼

    ok,谢谢,瞬间有get到

    2016-05-17 22:05:54

    共 1 条回复 >

  • 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>


  • 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


    犄角旮旯的鱼

    学习到了

    2016-05-17 22:18:10

    共 1 条回复 >

  • 溺阳
    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>


    溺阳 回复犄角旮旯的鱼

    You are welcome

    2016-05-17 22:24:59

    共 2 条回复 >

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

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


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

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

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

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225812 学习 · 18234 问题

查看课程

相似问题