CSS01-CSS部分基础知识

2021-05-03 05:28

阅读:410

YPE html>

标签:不能   href   存储   样式表   class选择器   扩展   属性   nbsp   内联   

以下内容根据菜鸟教程和自己的了解所写,还有很多不完善和错误的地方,欢迎指出。

样式用来定义如何显示HTML元素。

样式出现的原因是分离表现和内容。

样式一般存储在样式表中。





CSS


样式表



  1. 插入方法


  • 外部样式表


    • 使用方法:在文档头部(head标签里),使用link标签链接到样式表

    • link标签属性:

      &nbsp&nbsp&nbsp&nbsp rel;

      &nbsp&nbsp&nbsp&nbsp type="text/css";

      &nbsp&nbsp&nbsp&nbsp href,对应css文件的相对路径

    • 要求:文件内不能包含任何html标签;样式表应该以“.css”扩展名进行保存

    • 注意:属性值和单位间不要留有空格


  • 内部样式表


    • 使用方法:使用style标签在头文件定义内部样式


  • 内联样式


    • 使用方法:在需要样式的标签里设置style属性,该属性可以包含任何css属性

    • 注意:这种样式将表现和内容混在在一起,丧失了样式表的许多优势,需要慎用


  • 多重样式


    • 优先级:内联样式>内部样式>外部样式>浏览器默认样式

    • 注意:在head里,若外部样式放在内部样式后面,则外部样式将覆盖内部样式

      &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
      ID选择器的权值高于class选择器的权值






CSS(层叠样式表)




  1. 结构


  • 结构:选择器{声明}

  • 选择器


    • id选择器:在id值前加“#”

    • class选择器:在class值前加“.”(注意类名的第一个字符不能用数字)


  • 声明


    • 声明(对属性的描述)以分号结束



  • 注释


    • 格式为:“/*内容*/”





    CSS01-CSS部分基础知识

    标签:不能   href   存储   样式表   class选择器   扩展   属性   nbsp   内联   

    原文地址:https://www.cnblogs.com/C-bj/p/12122736.html


    评论


    亲,登录后才可以留言!