首页 > 文章 > web前端 > 详解css行内样式、内嵌样式与外部引用样式的使用方法

详解css行内样式、内嵌样式与外部引用样式的使用方法

王林转载: 2020-03-21 11:01:543472浏览

三中的使用方法的简单实例如下：

行内样式：

<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css行内样式</title>
</head>
<body>
<div style="width:100px;height:100px;background:red;"></div>>
 
</body>
</html>

（推荐教程：CSS教程）

内嵌样式：

<!!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css内嵌样式</title>
</head>
<body>
<style type="text/css">
#div{width:100px;height:100px;background:red;}
</style>
<div id="div"></div>>
 
</body>
</html>

外部式：

<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css内嵌样式</title>
 <link rel="stylesheet" type="text/css" href="ccss.css">
</head>
<body>
<div id="div"></div>>
 
</body>
</html>

css文件：

#div{width:100px;height:100px;background:red;}

总结：

行内样式：就是代码写在具体网页中的一个元素内；比如：d9ec085c0aa06d150336e25a554a53ef16b28748ea4df4d9c2150843fecfba68

内嵌式：就是在9c3bca370b5104690d9ef395f2c5f8d1前面写；比如：9a6c6593cd224a767d2b5172bc71b53a.div{color:#F00}531ac245ce3e4fe3d50054a55f265927

外部式：就是引用外部css文件；比如：b16cbfe71005e8bb000d588914262d0c

相关视频教程推荐：css视频教程

以上是详解css行内样式、内嵌样式与外部引用样式的使用方法的详细内容。更多信息请关注PHP中文网其他相关文章！

css href

声明：

本文转载于：jb51.net。如有侵权，请联系admin@php.cn删除

上一篇：css如何实现一个自适应容器下一篇：css中有哪些方法可以实现垂直居中

查看更多