css基础学习1

css介绍
    层叠样式表用来美化页面的，讲表现与样式相分离，减少代码写作，提高浏览器加载速度
    语法
                1.行内样式(不建议使用)
                 （把属性定义到标签里面）
                   <h1 style="color:red></h1>
                2.内嵌样式
                   <style>
                     h1{color：red；font-size：“20px”}
                   <style>
         基本选择器
                1.*{}通配符选择器（所有标签）
                2.h1{}标签选择器 （有h1就选择h1，有p标记就选择p标记。选择h1即页面上所有h1都被选择，同理）即 .class{   }
                3. id选择器      选择id属性  不能重名是唯一的（身份证号码）   名称#开始      即 #id{   }
                4. . font{}类选择器    选择class属性  可重复使用（人名字）  名称.开始
                3.4.起名字两种方式，为了防止在页面上与标签重复  
  背景
         1.背景图片 background-image ：url（）；
         2.背景图片大小   background-size：100% 100%;
                                background-size：100px  100px;
         3.背景重复  background-repeat（默认重复）
                        no-repeat(不重复)  repeat-x（沿x轴重复  横）  repeat-y（沿y轴重复 纵）
         2.0%   0%
         3.0px  0px
          4.背景图片位置 background-position
                               top  left  right  bottom  center
                               background-position: right top;   ****
          5.background-attachment设背景固定方式
            scroll滚动图片    fixed固定
  布局
          1.visibility是否隐藏元素
             visible元素可见  hidden元素隐藏
          2.display 设置元素的显示方法
             none隐藏 block块级元素 inline行级元素 inline-block有块和行级样式 

         字体样式 
                1.color字体颜色
                   单词：red
                   十六进制值： #000000（相同的写三个零即可，不需要特殊记忆）  #0f0f0f    #eee
                   色阶值：rgb(0，0，0)  0-255
                          r: red   g: green    b: blue
                (十六进制和rgb需要用到拾色器)
                2.font-size字体大小
                   单位：像素px或百分比%  页面默认12-16px
                3.font-weight字体加粗
                   100-900（细-粗）
                4.font-style设置斜体
                   normal默认（不倾斜）  itatic倾斜
                5.font-family：字体样式
                   font-family:“宋体”，Anal 默认字体是宋体
                   宋体 楷体 黑体 隶书
                 （特殊字体无法表示即为宋体）
                6.word-spacing单词间距
                   单位：像素px或百分比%
                7.letter-spacing字体间距
                   单位：像素px或百分比%
                8.line-height行高
                   单位：像素px或百分比%
                9.text-algin水平对齐
                   left左   right右   center中间  空元素
                10.vartical-algin垂直对齐
                     top上  bottom下  middle中

       css就近原则  注释用*    默认16像素

定义路径的标签
      <a>超链接  href定义路径<a href=http://www.baidu.com">超链接1</a>
   （要用div去套超链接不要用超链接去套
             div<div class="box1">