zoukankan      html  css  js  c++  java
  • CSS导入方式和六种选择器

    1.css的导入方式

    1.1 行内嵌式

    1.2 内部方式

    1.2.1含义:

    css代码写在<head>的<style>标签中

    1.2.2 优点

    方便在同页面中修改样式

    1.2.3 缺点

    不利于在多页面间共享复用代码及维护,对内容与样式的分离也不彻底

    1.3 外部方式

    1.4 @import方式

    备注:link和@import区别:
               1.link所有浏览器都支持,@import某些版本低的IE不支持
               2.@import是等待html加载完成才加载
               3.@import不支持js动态修改

    1.5 css样式优先级

    行内样式>内部样式表>外部样式表

    2.css选择器

    2.1标签选择器

    2.2类选择器

    2.3 ID选择器

     

    下面的三个为css高级应用(复合选择器):后代选择器,并集选择器,交集选择器

    2.4 后代选择器

    在css选择器中通过嵌套的方式,对特殊位置的HTML标签进行声明

    外层的标签写在前面,内层的标签写在后面,之间用空格分隔

    嵌套标签的时候,内层的标签成为外层标签的后代

    2.5交集选择器

    由两个选择器直接连接构成,选中二者各自元素范围的交集

    第一个必须是标签选择器,第二个必须是类选择器或者ID选择器

    选择器之间不能有空格,必须连续书写

    2.6并集选择器多个选择器通过逗号连接而成

    利用并集选择器同时声明风格相同样式

    2.7选择器的优先级

    ID选择器>类选择器>标签选择器

  • 相关阅读:
    PAT (Advanced Level) Practise:1008. Elevator
    练习题-二维数组中的查找
    PAT (Basic Level) Practise:1028. 人口普查
    PAT (Basic Level) Practise:1014. 福尔摩斯的约会
    PAT (Basic Level) Practise:1019. 数字黑洞
    c++ 二进制文件读写
    c/c++ linux/windows 读取目录下的所有文件名
    C 语言实现 Linux touch 命令
    c++读写csv
    linux nohup【转】
  • 原文地址:https://www.cnblogs.com/wanghuaying/p/9519030.html
Copyright © 2011-2022 走看看