zoukankan      html  css  js  c++  java
  • html(5) css

    1.css的语法
     1.1位置
      <head>
        <style type="text/css"
         //css代码
        </style>
      </head>
     1.2语法
      选择器{属性值1:属性值1;
          属性值2:属性值2;
        }
    例:
      h1{
        font:size:12px; --字体大小
        color:red; --字体颜色
    注意:多个属性用分号分隔
    2.选择器
      2.1标签选择器
    语法:
      标签名{
        ...
      }
      2.2类选择器
    语法:
      .class属性值{
        ....
      }  
    步骤:
    第一步:给指定的html标签加上class属性
    第二步:在stlye中写
    .class属性值{
    .....
    }
     2.3id选择器
    语法:
       #id属性值{
        .....
        }
    步骤:
    第一步:给指定的html标签加上id属性
    第二步:在style中写
    #id属性值{
    ....
    }
    3.引用样式的方法
      3.1行内样式
        使用style属性引入样式
          例:<h1 style="font-size: 60px;color: chartreuse;">进进进进</h1>
      3.2内部样式表
        在head中写style
          例:h1{
              xxx
            }
      3.3外部样式表
        把css代码保存在css结尾的文件中(层叠样式文件)
        把css引入html
    引入方法有两种
    第一种:链接方式
    <link rel="stylesheet" href="文件路径" type="text/css"/>
    第二种:导入方式
    <style>
    @import url("文件路径");
    </style>
    4.优先级
    行内样式>内部样式>外部样式(就近原则)
    id选择器>class选择>标签选择器
    5交集选择器
      标签选择器(class选择器|id选择器){
        ....
      }
      5.1并集选择器
      选择器1,选择器2,选择器3,选择器4....选择器n{
        ...
      }

  • 相关阅读:
    Python开发:关于__name__
    学习笔记之cocos2dx2.1.1实现修改plist文件数据,用TinyXml解析XML
    计算机相关书籍推荐(持续更新)
    【C语言】溢出的处理及大小端模式的判断
    使用 MDSD 开发安全可靠的软件
    关于 /dev/null 与 /dev/zero
    NetBeans 时事通讯(刊号 # 108 Jul 08, 2010)
    NetBeans 时事通讯(刊号 # 109 Jul 17, 2010)
    JDK1.6 Update21 下载
    类的内联函数的实现应该放在哪里
  • 原文地址:https://www.cnblogs.com/-yuqin/p/6862910.html
Copyright © 2011-2022 走看看