css 图片居中_CSS个人总结笔记（收藏吧）

CSS样式使用的几种方式：

1.行内样式(内联样式)：直接在ＨＴＭＬ标签内写的样式

２.内部样式(嵌入样式)：把CSS代码写在

内部样式要写在标签之间

3.链入外部样式(样式是单独的一个文件)

link这个也要放在之间

4、导入式：(不建议使用)

第一种：

@import " 直接写css文件路径"

第二种：

@import url(写样式表文件路径)

一、选择器

1.派生选择器

例如：(选择div里面的span)

div span{给样式}

哈哈哈

2.还有

列如：(p和a 都选择)

p,a{给样式}

你好1

你好

二、

背景颜色：

background-color: #ccc;

background意思是背景

color 意思是颜色

背景图片：

background-image: url(写图片路径);

background-repeat: repeat-y;

repeat 意思是重复平铺

repeat-y 意思是按y轴平铺

repeat-x 意思是按x轴平铺

background-repeat:no-repeat 意思是不平铺

background-position(设置背景图像在网页上的位置。)

background-position：center;(意思是定位图片的位置)

1.center(居中)

2.top (上)

3.right (右)

4.left (左)

5.bottom (下)

background-position:50% 50%;(这种方法也可以使背景图片居中)

background-attachment:fixed(使背景固定不随滚动条走)

fixed(意思是固定的)

attachment(意思是附在那里的意思)

background-size (规定背景图片的尺寸是css3的)

size 意思是尺寸

属性： 1.contain

(把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域 )

意思就是按等比例缩放填满区域

2.cover(铺满区域)

3.percentage(以父元素的百分比来设置背景图像的宽度和高度)

注意：如果只设置一个值，则第二个值会被设置为 "auto"。

三、字体

这里要注意引号嵌套时外层要用双引号内层要用单引号

font-family:"微软雅黑