zoukankan      html  css  js  c++  java
  • 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选择器的表示方法用     .   表示
      标签选择器
       直接写标签名
      组合选择器
       选择器直接用,分隔开即可
      子代选择器
       >     只针对子代
      后代选择器
             用空格表示,包含着子代选择器
      通用选择器
          *    针对于所有的标签

  • 相关阅读:
    Win10下PB停在欢迎窗口界面
    iReport 中使用 Chart 图
    iReport 下载地址
    使用jasperreports-5.6.0.jar导致的问题
    iReport 开发和运行所用版本不一致导致设置字体大小不起作用
    AWS SAA summary--Exam
    构建zabbix监控实验-基础篇
    常用数据结构代码示例
    嵌入式相关知识点整理
    ADB 环境变量配置
  • 原文地址:https://www.cnblogs.com/Well-being/p/10939230.html
Copyright © 2011-2022 走看看