CSS引入方式,高级选择器

本文详细介绍了CSS样式的三种引入方式:内部样式、行内样式和外部样式,并对比了它们的应用范围与优先级。此外,还深入探讨了高级选择器如后代选择器、交集选择器和并集选择器的使用方法。

css引入方式:
  1、内部样式
      style标记
      在head标记中
     应用范围:当前整个页面中应用
  2、行内样式  
    style属性
      <p  style="color:black; font-size:24px">行内样式</p>
    应用范围:指定的标签内应用,优先级高于内部样式
     不太推荐用这种方式
  3、外部样式
      声明:.css样式文件
      引入:
         链接方式:<link href="css文件" rel="stylesheet" type="text/css"/>          
        
      应用:多个页面中共享
     优先级:
     行间>内部>外部
     注:在有相同的样式时,才考虑优先
css高级选择器:
   1.后代选择器:
       应用在具有嵌套关系的元素上
      选择器1 选择器2  ,各个选择器之间用"空格"隔开
   2. 交集选择器:
       选择器1选择器2,各个选择器直接链接在一起
       进一步缩小选择范围
      .clCSS 类选择器,应用在任何标记上
       p .clCSS  后代选择器,应用在p标记上的子标记中  
       p.clCSS  交集选择器,应用在p标记上具有class=“clCSS”

      #p1 .cls :选择id属性为“p1”的标记,再在该标记中选择class
      为“cls”的子标记
    3.并集选择器:
      选择器1,选择器2,选择器3{};       
       应用:为不同选择器设置相同的样式
      注:其中的选择器是之前学的的任意选择器
继承特性:
     具有嵌套关系的标记,外层标记叫父标记,内层标记叫子标记
     子标记可以继承标记的样式,反过来是不成立的

转载于:https://www.cnblogs.com/a1111/p/6034139.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值