css笔记

css cascading style sheet 层叠样式表
引入方式：
 1.行间样式
  <div style = ""></div>
  style 里面写css代码
 2.页面级css
  在head里加<style type = "text/css"></style>
  然后在style里面写css代码，tyle后面的东西，要么写别写错要么不写
 3.外部css文件引入
  在head里加<link rel="stylesheet" type="text/css" href="">
  在href里面写css文件的名字
  标签在sublime里面按tab可以生成，不用敲，alt+shift+2分2个屏，alt+shift+1是一个屏，3是3个屏
选择器
 1.id选择器
  #代表，id只能有一个，是唯一标识，一一对应
  #idname{
   css代码
  }
 2.class选择器
  .代表，是一对多的，一个class的样式，可以作用到所有有这个class的标签，是一对多的，一个class的样式，可以作用到所有有这个class的标签上
  .classname{
   css代码
  }
  一个div是可以有多个class的，空格隔开class名字
  <div class = "a b"></div>就有a和b两个class了
 3.标签选择器
  div{
   css代码
  }
  页面里所有的div标签都选中
 4.通配符选择器
  一对所有
  *{
   css代码
  }
 5.属性选择器
  只要有某种属性，就将其选中，例如[id]或者[class]，可以选出所有标签里面有id属性活性和class属性的标签
  [id]{
   css代码
  }
  [id = ""]{
   css代码
  }
 6.!important
  写在css代码后面，例如：
  #id{
   background-color:orange!important;
  }
 7.父子选择器/派生选择器
  <div>
   <span></span>
  </div>
  这种父子结构的，可以这样选中：
  div span{
   css代码
  }
  注意：
   1.可以用多种形式选择父级与子级，不一定非要标签选择器
   2.不一定是父子，爷孙也可以，就是不一定隔1层的意思
   3.css里面每一级用1个空格隔开就行
 8.直接子元素选择器
  div > span{
   css代码
  }
  注意：
   1.跨层不行，必须是儿子层
   2.父子选择器和直接子元素选择器是可以混着用的，只要结构对就i可以
   3.浏览器对父子结构的树是倒着读的，从叶子读到根
 9.并列选择器
  <div class = "demo">wer</div>
  <span class = "demo">qwe</span>
  span.demo{
   background-color:red;
  }
  选中的是span，不是div
  <div class = "demo">wer</div>
  <span class = "demo">qwe</span>
  <span class = "demo" title = "asd">asd<span>
  span.demo[title]{
   background-color:red;
  }
  选中的是<span class = "demo" title = "asd">asd<span>
 10.复杂选择器
  没什么复杂的，就是很多选择器放在一块用了而已，看着长了而已，不要虚，就是干！
 11.分组选择器
  就是简化代码的，可以把相同的代码写在一块，相当于Oracle的With as
  写法：
   span,
   strong,
   div,
   p{
    css代码
   }
 选择器的优先级：
  !important>行间样式>id选择器>class选择器=属性选择器>标签选择器>通配符选择器
  优先级相等时，写在下面的优先级高
 权重：
  !important       无穷大
  行间样式         1000
  id               100
  class|属性|伪类  10
  标签|伪元素      1
  通配符           0
  
  在计算机里面，无穷大+1>无穷大
 权重计算：
  css代码里面，写在一行的，要把权重值加在一起，如果两种方式都能选中某个标签，一定是取权重值大的那个，如果权重值相等，一定取下面的那个，因为上面的被覆盖掉了
css属性
 font-size 字体大小默认是16像素，像素是px
 font-weight 字体粗细，可以写100到900的整百的数，可以写lighter，normal,bold,bolder,integer,记不住不要紧，查表，www.css88.com,点开css参考手册然后搜
 font-family 字体 一般是arial，苹果公司开发的，比较通用，ps(你知道苹果公司最开始是做字体的嘛，反正我不知道)
  可以写成 font-family:arial,"宋体","微软雅黑";当arial不能用就用宋体以此类推
 font-style:italic;斜体，没有别的值
 color:red;是字体的颜色，不是背景颜色，没有font-color
  颜色表示方法：
   1.英文单词表示法，red，green这种英文，一般开发不让用
   2.颜色代码 光学三原色，红绿蓝，rgb，每种颜色用两位的16进制数表是，从00到ff，表是此种颜色的饱和度，以#开头，拼上6位16进制的数，例如#99ffaa，当三位都是重复的，可以简写成#9fa
   3.rgb(0,255,255);
  
注释
 /**/
 sublime2快捷键ctrl+？键
 只有这种注释形式，//不行