整理笔记--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">