html如何引用css

这篇文章主要介绍html如何引用css，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

在洪江管理区等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站制作、网站设计网站设计制作按需定制,公司网站建设,企业网站建设,品牌网站设计,全网营销推广,外贸营销网站建设,洪江管理区网站建设费用合理。

html引用css的方法：1、通过内联样式引用css，代码如“<body style="...">”；2、通过内部样式表引用css，代码如“<style type="text/css">..</style>”；3、通过外部样式表引用css。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑。

html引用css的三种方法

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.

CSS引入到html中有以下三种方法：1- 内联、2-内部样式表、3-外部样式表。

    <body style="background-color: gray">

在标签内style=" "

    <style type="text/css"> 
    p {color:red;} <!--内部样式表-->
    </style>

用style标签，将要进行css控制的属性放在标签内

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

在head标签内，并且用link标签来引入你要加载的css文件

无意间发现，当我用这三个表示方法同时对background-color属性控制的时候，只有内联样式的标签内属性起作用。

内联标签设置背景颜色为灰色，内部样式表设置为红色，外部样式表不设置。html上背景颜色为灰色。

内联标签设置背景颜色为灰色，外部样式表设置为黄色，内部样式表不设置。html上背景颜色为灰色。

内部样式表设置为红色，外部样式表设置黄色。html上背景颜色为黄色。

得出：内联>外部样式表>内部样式表

由此可见属性是以距离标签近的最先体现出来的。

以上是“html如何引用css”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容