首页 > 代码库 > html(5) css

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="http://www.mamicode.com/文件路径" type="text/css"/>
第二种:导入方式
<style>
@import url("文件路径");
</style>
4.优先级
行内样式>内部样式>外部样式(就近原则)
id选择器>class选择>标签选择器
5交集选择器
  标签选择器(class选择器|id选择器){
    ....
  }
  5.1并集选择器
  选择器1,选择器2,选择器3,选择器4....选择器n{
    ...
  }

html(5) css