微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS的使用方式和选择器的用法

CSS的使用方式有四种分别是行内样式、页面嵌入(内部样式表)、外部文件(外部样式表)、外部导入样式。
  1.行内样式(内联样式)
  <标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
  2.页面嵌入(内部样式表)
  在head标签里面增加一个标签
  <style>
   选择器{
    属性名1:属性值1;
    属性名2:属性值2;
    ......
   }
  </style>
  3.外部文件(外部样式表)
  在head标签里面增加一个标签
  <link rel="stylesheet" href="css文件的路径" >
  4.外部导入样式
  主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算
  css语法:   (符号都是英文的)
  选择器{
   属性名1:属性值1;
   属性名2:属性值2;
   ......
  }

 css有多种选择器分别以下7种的用法和规则  ID选择器   使用id选择器:在元素上面增加一个id属性,id属性属性值不用用数字开头   一个页面中只能有一个id属性值   css中id选择的表示方法用     #  表示   class选择器    使用class选择器:在元素上增加一个class属性,class属性属性值不能用数字开头    一个页面中可以有多个class属性值    css中class选择器的表示方法用     .   表示  标签选择器   直接写标签名  组合选择器   选择器直接用,分隔开即可  子代选择器   >     只针对子代  后代选择器         用空格表示,包含着子代选择器  通用选择器      *    针对于所有的标签

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。