整理笔记--HTML02

整理笔记–HTML02

接后续。。

精灵图：利用背景图和背景图的位置去显示同一张图上，不同位置的图片，进而，在引入一张图的前提下，显示不同的图片

百分比表示法：background-position:50% 50%;

背景是否固定：

		background-attechment：背景是否固定
        scroll：背景跟随页面滚动（默认值）
        fixed:背景固定（背景不跟随页面滚动）

绝对定位 相对定位

border-radius：50%；（设置为圆形）

固定位置：position:fixed；

自定义压盖顺序：z-index属性

浏览器兼容！！ 这个感觉很实用

像素的bug：

  一个浮动，一个不浮动，IE6里两个盒子之间会出现3px的间距
        解决办法：给左边的盒子加负数的margin-right

overflow：hidden失效

IE6不认识overflow：hidden；引申作用，没法帮我们清浮动，自动撑高盒子

盒子的透明：opacity

css样式引入方式

  css样式引入方式：
        行内式:写在标签的一个style属性里。
        <div style="width: 100px;">行内式</div>

        内嵌式:书写在body标签内部的一个style标签里
        <style type="text/css">
            #box{
            height: 200px;
                background: pink !important;
                color:#fff;
                font-weight: bold;
            }
            </style>

        外链式:书写是通过一个link标签书写。从外部写入一个css文件。
        type：表示css是纯文本的文件；href：表示css的路径。
        <link rel="stylesheet" href="style.css">