CSS

层叠样式表，用于修饰HTML

选择器的作用：选中body下的标签

基础选择器：

标签选择器，直接输入标签名

类选择器，点（.）加类名

 

高级选择器

浮动 

可以使元素在指定位置排列，知道遇到父元素的边界或者另一个元素的边界位置

float：left 左浮动，左侧为起始，从左往右依次排列

float：right 右浮动，右侧为起始，从右往左依次排列

 

清除页面的默认样式

*{
    padding: 0;
    margin:0;
} 

权重：

行内样式 > id选择器 > 类选择器 > 标签选择器

css     background 

background-color 背景色 中transparent 默认透明

background-image：url（"tupian.jpg"）   设置背景图，如果图片的大小小于盒子的大小，默认会横向和纵向平铺图片

background-repeat：no-repeat；   图片在盒子内不平铺，显示 图片原来大小

background-position：相对定位，调整图片位置

background-position-x：调整图片横轴

background-position-y：调整图片纵轴

background-attachment：fixed；固定背景图（相对于原来的定位）

 

css   定位

静态定位position；static

1、相对定位 position：relation 

以原来的位置为参考点，不能用相对定位做压盖现象

2、绝对定位 position：absolute

单独设置绝对定位，以页面的左上角为参考点，脱离的标准流，不占位置

如果是嵌套盒子，以最近的父辈盒子的左上角为参考点　　

3、固定定位 position：fixed