这篇文章主要为大家展示了“css调用方式有哪些”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css调用方式有哪些”这篇文章吧。
什么是css
层叠样式表：为网页标签添加属性的（表现），修饰 渲染 控制显示方式。
Css出现解决了 结构和表现排版混乱，把结构和表现分离了，减小单页面代码量，便于统一管理和维护。
css如何使用
在html页面中，css的使用方式：
1》 行内样式：应用样式到网页元素内，元素style属性：
style="样式名称:value;样式名称:value..."、
2》 页内样式：head body之间
<style>
</style>
type="text/css" 类型：文本编写的css
3》 外部样式：调用了 外部样式文件 ---》 .css *****
<link type="text/css" href="css/index.css" rel="stylesheet" />
type="text/css" 类型：文本编写的css
href=”样式文件的路径” 注意：路径遵循 路径规则
rel="stylesheet" 样式的引入规范
结构和表现分离的
案列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link type="text/css" href="css/index.css" rel="stylesheet" />
</head>
<style type="text/css">
/*样式；*/
</style>
<body>
<div style="border:1px solid #ff0000;width:200px;">aaa</div>
<div>今天天气不错</div>
</body>
</html>
Css代码
@charset "utf-8";
/* CSS Document */
div{
border:1px solid #ff0000;
}
以上是“css调用方式有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
