CSS与HTML如何融合，都有哪些方法
发布时间：2023-10-03 14:58:54 所属栏目：语言 来源：
导读：很多朋友都对“CSS与HTML如何结合，都有哪些方法”的内容比较感兴趣，对此小编整理了相关的知识分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获，那么感兴趣的朋友就继续往下看吧！
（1）在
（1）在
|
很多朋友都对“CSS与HTML如何结合，都有哪些方法”的内容比较感兴趣，对此小编整理了相关的知识分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获，那么感兴趣的朋友就继续往下看吧！ （1）在每个HTML标签上面都有一个属性 style，把css和HTML结合在一起 <div style="background-color:red;color:blue;">我是一只小小鸟</div> （2）使用HTML的一个标签实现，<style>标签：写在head里面 <style type="text/css"> css代码; </style> <style type="text/css"> div { background-color:red; color:gray; } </style> （3）在style标签里面 使用语句（在某些浏览器下不起作用） @import url(css文件路径); - 第一步：创建一个css文件 <style type="text/css"> @import url(div.css); </style> （4）使用头标签link，引入外部css文件 - 第一步：创建一个css文件 - <link rel="stylesheet" type="text/css" href="div.css"/> *** 第三种结合方式缺点：在某些浏览器下不起作用，一般使用第四种方式 *** 优先级（一般情况） 由上到下，由外到内，优先级由低到高 *** 后加载的优先级高 *** 格式 选择器名称 {属性名:属性值; 属性名:属性值; ......} 完整代码： <html> <head> <title>World</title> <style type="text/css"> div { background-color:gray; color:white; } </style> </head> <body> <div style="background-color:red;color:blue;">我是一只小小鸟 </div> <div>愿有岁月可回首，且以深情共白头！</div> </body> </html> <html> <head> <title>World</title> <style type="text/css"> @import url(div.css); </style> </head> <body> <div>愿有岁月可回首，且以深情共白头！</div> </body> </html> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>world</title> <link rel="stylesheet" type="text/css" href="div.css"/> </head> <body> <div>愿有岁月可回首，且以深情共白头！</div> </body> </html> （编辑：聊城站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
推荐文章
站长推荐
