一分钟了解Html中CSS的三种链接方式


本文摘自PHP中文网,作者烟雨青岚,侵删。

在html中CSS有三种链接方式,你知道是哪三种吗?三种css文本的链接方式分别是内联定义、链入内部css、和链入外部css,下面我们一起看看吧。

css文本的链接方式有三种:分别是内联定义、链入内部css、和链入外部css

1.代码为:

1

2

3

4

5

6

7

8

9

<html>

    <head>

        <title>内联定义</title>

    </head>

    <body>

        <p style="border:2px solid #000000">内联定义</p>

        <p style="color:red">内联定义</p>

        <p style="font-size:12px">内联定义</p>

    </body></html>

2.代码为:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<html>

    <head>

        <title>链入内部css</title>

        <style type="text/css">

            #myid

            {

                width:200px;

                height:300px;

                color:red;

            }

            .myclass

            {

                width:200px;

                height:300px;

                color:red;

            }

        </style>

    </head>

    <body>

        <p id="myid">链入内部css</p>

        <p class="myclass">链入内部css</p>

         

    </body></html>

3.代码为:

1

2

3

4

5

6

7

8

9

10

<html>

    <head>

        <title>链入外部css</title>

        <link type="text/css" rel="stylesheet" href="style.css"/>

    </head>

    <body>

        <p id="p1">链入外部css</p>

        <p id="p2">链入外部css</p>

        <p class="p3">链入外部css</p>

    </body></html>

代码3的style.css是和你的html文件在同一个文件夹。

阅读剩余部分

相关阅读 >>

Html取消滚动条的方法

怎么在Html页面写css样式表

怎么在div标签内设置css样式

Html如何引入js文件

如何在Html中插入视频

Html bdi标签怎么用

Html页面如何实现3秒之后自动跳转

Html怎么设置倾斜

Html的特殊字符-css3 content:"特殊符号"应该如何使用

Html外部引用css文件不生效的原因

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...