zoukankan      html  css  js  c++  java
  • css知识汇总

    css 为层叠样式表,主要用于对html进行美化。

    1.css插入html方式:

    1.1嵌入式:

          <style>

          html标签名{键值对}
      </style>
    1.2外链式:
        <link rel="stylesheet" href="css文件地址">
    1.3行内式:(不常用)
      在html标签栏 插入属性 class=“css键值对”
    2.选择器
      css选择器有标签选择器、类选择器、id选择器、并集选择器、层级选择器、伪类选择器。
    2.1标签选择器即1.1和1.2中采用的标签进行标记的键值对,其用于对所有html标签进行美化。
    2.2类选择器一般用于对个别标签进行修饰。其格式 : .类选择器名字{键值对},但需要在对应的标签上增加class=“类选择器名”.
    2.3id选择器,一般用于数据交互时,对标签进行标记,一般在一个html文档中应用一个。其格式为#选择器名字{键值对},但需要在对应标签上使用id=“选择器名字”。
    2.4并集选择器一般应用于多个标签中,其属性相同,则统一进行渲染。在多个标签名字用逗号进行分割。例如:标签1,标签2,标签3.....{键值对}。
    2.5层级选择器一般应用与对标签嵌套的内标签进行修饰场合。其父子标签用空格隔开。格式:父标签   子标签{键值对}。
     2.6伪类选择器一般针对超链接的颜色变换。格式: a{键值对}   a:hover{键值对} 表示鼠标接近或非接近时链接状态的变化。
    3.定位: postition
    position的三个常用属性absolute,relative,fiexed
      absolute:是相对浏览器,其不占位
      relative:相对自身的位置,占位控制
      fixed:位置固定,不随scroll而变动
    4.float:浮动,应用于将标签并排显示
    5.display:可以将块元素和行内元素进行相互转换。block,incline,none是否显示。
  • 相关阅读:
    [vue/cli4] 目录public和asset区别
    VSCode常用指令
    [vue] JS导出Excel
    各设计模式总结与对比及Spring编程思想
    JavaIO演进之路
    用300行代码手写提炼Spring的核心原理
    设计模式(六)之装饰器模式(Decorator Pattern)深入浅出
    设计模式(五)之适配器模式(Adapter Pattern)深入浅出
    设计模式(四)之模板模式(Template Method Pattern)深入浅出
    设计模式(二)之委派模式(Delegate Pattern)深入浅出
  • 原文地址:https://www.cnblogs.com/xuehaiwuya0000/p/11001040.html
Copyright © 2011-2022 走看看