css内部样式表怎么写?

HTML中可以写css样式,css可以写在style属性和style标签上,其中style标签中的样式控制整个页面的样式。


css内部样式表怎么写?

内部样式表是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:

<head>
<style type="text/CSS">
    选择器1 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
    选择器2 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>

语法中,style标签一般位于head标签中title标签之后,也可以把他放在HTML文档的任何地方。(推荐学习:CSS视频教程

<body>
    <div class="header"></div>
    <style type="text/CSS">
        /* 样式1 */
    </style>
    <div class="main"></div>
    <style type="text/CSS">
        /* 样式2 */
    </style>
</body>

例子:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/CSS">
        .app{
            background: skyblue;
            border: 2px dashed #000;
        }
        .app > p{
            color: #fff;
        }
    </style>
</head>
<body>
    <div class="app">
        <p>css内部样式表怎么写?</p>
    </div>
</body>
</html>

效果:

Snipaste_2020-01-13_09-09-35.png-600

更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css内部样式表怎么写?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑