引入css的这4种方法你全用过吗?

2017-05-24 940 1 编辑:深圳网站建设 来源:互联网

在html中要引入css,才能对其html元素内容进行修饰,html是网页的结构部分,css是在html中起修饰也就像房子装修类似的意思,css样式表可以对html里的元素内容进行控制它的大小,颜色,字体等等,html加css就是目前的div+css布局(表格布局的时代过去了),下面讲下引入css的4种方法,不知道你全用过没,请看:

1.行内式,即直接写在标签里,如:

<p style="font-size:16px;color:#000;">引入css的这4种方法你全用过吗?</p>

2.内链式,即在写head标签里,如:

<!Doctype html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>

    <title>引入css的这4种方法</title>

    <style type="text/css">

           p{font-size:16px;color:#000;}

    </style>

</head>

<body>

     <p>引入css的这4种方法</p>

</body>

</html>

3.【推荐】外链式,即引用外部css样式表,如:

<!Doctype html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>

    <title>引入css的这4种方法</title>

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

</head>

<body>

     <p>引入css的这4种方法</p>

</body>

</html>

4.使用@import,即引用外部css样式表,如:

<!Doctype html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>

    <title>通过@import引用外部css样式表</title>

    <style type="text/css">

        @import url(css.css);/*这里是通过@import引用外部css样式表*/

    </style>

</head>

<body>

     <p>通过@import引用外部css样式表</p>

</body>

</html>

专业的网站建设公司,深正互联,如您有网站营销需求,请您关注我们,或者致电13828884598

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联