CSS学习第一天--样式

HTML基础知识已经学习完了,接下来就学习CSS设置样式的知识了,笔记练习会持续更新。。。。

CSS样式--内联式(直接在标签中设置样式,不推荐使用)




    
    css样式-内联式


    
简单地介绍 Django Django 诞生于2003年,由美国堪萨斯州劳伦斯的一个 Web 开发团队编写。这个团队当时维护几个新闻网站,并且被要求 Web 应用在 紧张的时间内开发出来,于是团队开发了这个易于维护的框架。 基于这个前提,Django 十分适合搭建"内容型"的网站,使用 Django 能在极短的时间内构建全面动态的网站。我在学习的时候也深刻体会到这点,例如自带的管理后台、自带的用户系统(能管理用户的账户、分组和权限,并且实现了基于 cookie 的用户会话。)、强大的 ORM(Object-relational mapping)等等。

CSS样式--内嵌式(在head标签中单独填写样式,对首页性能要求比较高的使用此方式,如淘宝)




    
    css样式-内嵌式
    


    
简单地介绍 Django Django 诞生于2003年,由美国堪萨斯州劳伦斯的一个 Web 开发团队编写。这个团队当时维护几个新闻网站,并且被要求 Web 应用在 紧张的时间内开发出来,于是团队开发了这个易于维护的框架。 基于这个前提,Django 十分适合搭建"内容型"的网站,使用 Django 能在极短的时间内构建全面动态的网站。我在学习的时候也深刻体会到这点,例如自带的管理后台、自带的用户系统(能管理用户的账户、分组和权限,并且实现了基于 cookie 的用户会话。)、强大的 ORM(Object-relational mapping)等等。

CSS样式--外联式(创建css文件夹,css中创建main.css文件,填写样式,在head标签中利用Lin标签引入文件,推荐使用)




    
    css样式-外联式

    


    
简单地介绍 Django Django 诞生于2003年,由美国堪萨斯州劳伦斯的一个 Web 开发团队编写。这个团队当时维护几个新闻网站,并且被要求 Web 应用在 紧张的时间内开发出来,于是团队开发了这个易于维护的框架。 基于这个前提,Django 十分适合搭建"内容型"的网站,使用 Django 能在极短的时间内构建全面动态的网站。我在学习的时候也深刻体会到这点,例如自带的管理后台、自带的用户系统(能管理用户的账户、分组和权限,并且实现了基于 cookie 的用户会话。)、强大的 ORM(Object-relational mapping)等等。

三种样式效果是相同的:

image.png

总结:今天学习了css的三种引入方式,内联式,内嵌式和外联式,·实际开发中,主要运用内嵌式和外联式,内联式用的很少,应该还是对于代码耦合度的思量吧!

你可能感兴趣的:(CSS学习第一天--样式)