• 技术文章 >Web开发 >css教程

    css中有哪些类型的样式表

    小妮浅浅小妮浅浅2021-09-17 09:38:53原创4707

    1、外部样式表,通过标签引入CSS。

    主要在HTML文档中的标签里。

    1

    2

    3

    4

    5

    6

    7

    <head>

        <meta charset="UTF-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Document</title>

        <link rel="stylesheet" href="外联路径">

    </head>

    2、内部样式表,在HTML文档中的标签里通过标签书写CSS代码。

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    </html><!DOCTYPE html>

    <html>

    <head>

        <meta charset="UTF-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Document</title>

        <style>

            p{

                color: #000;

                font-size: 100px;

            }

        </style>

    </head>

    <body>

        <p>

            这是一个例子

        </p>

    </body>

    </html>

    3、行内样式表,通过属性书写CSS语句。

    在元素的开始标记里。

    1

    <P style="color: brown;font-size: 100px;">行内样式表</P>

    4、导入样式表,使用@import指令导入外部样式表。

    1

    2

    3

    4

    5

    6

    7

    <head>

        <meta charset="UTF-8">

        <title>Document</title>

        <style>

          @import url("导入路径")

        </style>

    </head>

    以上就是css中样式表类型的介绍,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css 样式表
    上一篇:CSS背景颜色的表示方法 下一篇:css module解决命名冲突

    相关文章推荐

    • css定位叠放次序是什么• css定位叠放次序的使用注意• css中hack是什么• css中hack的原理• css中hack的3种表现形式• css中link和@import的区别• python中pyquery的CSS选择器用法• CSS简单常用属性的总结• CSS有哪些高级选择器• CSS伪类选择器是什么• CSS超链接a标签的状态• CSS背景颜色的表示方法

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网