CSS是一种定义样式结构,如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。外部使用时,样式单规则被放置在一个带有文件扩展名css的外部样式单文档中。

css引入方式:

1、div标签

2、style标签,在head里面声明给某一个标签加样式,如果body里面的改标签没有特别声明样式,将全部展示为同一声明的样式,类似于继承与重写的关系

3、link标签:外链导入

在static下新建一个css文件,并写入内容

p {
color: blue;
}
#test {
color: gray;
}
div {
text-align: center;
}

在html里面引用

换一个位置再引用

id和标签换一下顺序

结论:

style与link:当style标签和link标签的的样式有冲突的时候,后引入的会覆盖前引入的,即style标签和link标签没有标签上的优先级,只有位置上的优先级

标签里面的style属性:不管外面有什么属性,此一定会覆盖其他的属性,即一定会生效

优先级顺序:标签里的style属性 > id属性 > 全局的标签

最新文章

  1. [No000095].Net入门级逆向工程-1.SpreadsheetGear汉化
  2. winform中固定界面大小的方法
  3. VS2015——命令行下编译、静态库动态库制作以及断点调试
  4. Jquery入门指南教程
  5. 简单工厂模式(Simple Factory)
  6. [ORM] Entity Framework(2) CodeFirst进阶
  7. SimpleDataFormat格式
  8. 数据库调优过程(二):找到IO不存在问题,而是sqlserver单表写入IO瓶颈
  9. iOS - UICollectionViewController
  10. 《javascript高级程序设计》 第25章 新兴的API
  11. DBA常用SQL之会话与等待事件
  12. 学习java 第1天
  13. jQuery .tmpl() 用法
  14. cookie.js 加载顺序问题
  15. 计算json的和
  16. Linux(Debian)上安装Redis教程
  17. 【百度地图API】如何制作班级地理通讯录?LBS通讯录
  18. A - 小Y上学记——修学分
  19. Css中的盒子结构padding和margin的区别
  20. python实现常见排序算法

热门文章

  1. tbox协程使用之切换与等待
  2. forEach究竟能不能改变数组的值
  3. mybatis动态注解sql编写注意事项
  4. P3826 [NOI2017]蔬菜
  5. 阿里云云监控agent插件 - Linux版
  6. Vue打包后访问静态资源路径问题
  7. vue图片预加载
  8. vue中监听返回键
  9. 关于Visual Studio Code 以及 一些工具
  10. React(3) --react绑定属性