CSS的基本结构与写法

屏幕截图 2022-09-19 093538

准则

1.每个CSS样式由两部分组成,即选择符和声明,声明又分为属性和属性值。
2.属性必须放在花括号中,属性与属性值用冒号连接。
3.每条声明用分号结束。
4.当一个属性有多个属性值的时候,属性值与属性值不分先后顺序,用空格隔开。
5.在书写样式过程中,空格、换行等操作不影响属性显示。

屏幕截图 2022-09-16 204808

外部样式

屏幕截图 2022-09-16 205908

第一种-link标签引入:

  • link标签引入一个文件 rel链接
  • rel属性值:relation定义关联性 stylesheet样式表
  • href文件的路径

第二种-import导入

  • 写在style标签内
  • url文件的路径

两者的区别

屏幕截图 2022-09-16 211648

  • link要早于import 所以link兼容性更好 所以推荐link标签

面试可用

行内样式

屏幕截图 2022-09-16 212153

行内样式又叫内联样式或嵌入式样式

  • style作为属性直接写在标签后面
  • 可以引入多种属性 用;隔开
  • 可单独跟一个标签设置
  • 内部样式过多容易乱,建议使用外部样式

样式表的优先级

  • 外部优先级低于内部优先级
  • important>行内style>内部style>外部link
  • 采用就近原则
  • important意思是重要的,优先级最高,加在谁身上谁的优先级最高
  • 优先级针对于同一个属性,其他属性不受影响
© 版权声明
THE END
文章不错?点个赞呗~
神马?你要分享给你的好朋友?太感谢你啦~
分享