HTML基础知识已经学习完了，接下来就学习CSS设置样式的知识了，笔记练习会持续更新。。。。
CSS样式--内联式（直接在标签中设置样式，不推荐使用）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css样式-内联式</title>
</head>
<body>
<div style="color: red;font-size: 18;font-family:'Microsoft Yahei'">
简单地介绍 Django
Django 诞生于2003年，由美国堪萨斯州劳伦斯的一个 Web 开发团队编写。这个团队当时维护几个新闻网站，并且被要求 Web 应用在 紧张的时间内开发出来，于是团队开发了这个易于维护的框架。
基于这个前提，Django 十分适合搭建"内容型"的网站，使用 Django 能在极短的时间内构建全面动态的网站。我在学习的时候也深刻体会到这点，例如自带的管理后台、自带的用户系统（能管理用户的账户、分组和权限，并且实现了基于 cookie 的用户会话。）、强大的 ORM（Object-relational mapping）等等。
</div>
</body>
</html>
CSS样式--内嵌式（在head标签中单独填写样式，对首页性能要求比较高的使用此方式，如淘宝）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css样式-内嵌式</title>
<style type="text/css">
div{
color: red;
font-size: 18px;
line-height:3;
font-family:'Microsoft Yahei'
}
</style>
</head>
<body>
<div>
简单地介绍 Django
Django 诞生于2003年，由美国堪萨斯州劳伦斯的一个 Web 开发团队编写。这个团队当时维护几个新闻网站，并且被要求 Web 应用在 紧张的时间内开发出来，于是团队开发了这个易于维护的框架。
基于这个前提，Django 十分适合搭建"内容型"的网站，使用 Django 能在极短的时间内构建全面动态的网站。我在学习的时候也深刻体会到这点，例如自带的管理后台、自带的用户系统（能管理用户的账户、分组和权限，并且实现了基于 cookie 的用户会话。）、强大的 ORM（Object-relational mapping）等等。
</div>
</body>
</html>
CSS样式--外联式（创建css文件夹，css中创建main.css文件，填写样式,在head标签中利用Lin标签引入文件，推荐使用）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css样式-外联式</title>
<link rel="stylesheet" type="text/css" href="/home/python/Pictures/css/main.css">
</head>
<body>
<div>
简单地介绍 Django
Django 诞生于2003年，由美国堪萨斯州劳伦斯的一个 Web 开发团队编写。这个团队当时维护几个新闻网站，并且被要求 Web 应用在 紧张的时间内开发出来，于是团队开发了这个易于维护的框架。
基于这个前提，Django 十分适合搭建"内容型"的网站，使用 Django 能在极短的时间内构建全面动态的网站。我在学习的时候也深刻体会到这点，例如自带的管理后台、自带的用户系统（能管理用户的账户、分组和权限，并且实现了基于 cookie 的用户会话。）、强大的 ORM（Object-relational mapping）等等。
</div>
</body>
</html>
三种样式效果是相同的：
image.png
总结：今天学习了css的三种引入方式，内联式，内嵌式和外联式，·实际开发中，主要运用内嵌式和外联式，内联式用的很少，应该还是对于代码耦合度的思量吧！
网友评论