CSS样式表属性及定位布局

CSS样式表在网站制作中是最常用到的布局方式，他的样式属性也是非常庞大非常多的，需要长时间的去练习、记忆。下面写一下在CSS中最常用到的一些基本的属性：

一、CSS背景属性：

1、background-color 背景颜色

2、background-image 背景图片 背景图片需添加路径，即url后边添图片路径

3、background-repeat 背景的平铺方式，no-repeat是不平铺，repeat-x是横向平铺，repeat-y是纵向平铺。

4、background-position 背景图片的位置，有left,top,right等，可以随意设置

5、background-attachment 背景图片是否滚动，需要与overflow:scroll配合使用。

6、background-size 背景图片的大小，可以用像素表示。

二、CSS字体属性：

1、font-family 字体样式，一般用于添加外部字体。

2、font-size 字体大小，不同于以前HTML的字体，这里的字体可以用像素表示。

3、font-style 字体风格，如italic倾斜，normal不倾斜。

4、font-weight 字体加粗，这里可以用数字表示，也可以选择small等。

5、text-decoration  添加underline下划线、overline上划线、line-through删除线、none没有，用来去掉超链接的下划线。

6、color 字体颜色

三、对齐方式及边界边框

1、text-align 水平对齐方式

2、vertical-align 垂直对齐方式，需配合行高使用

3、line-height 行高，在不是表格的时候一般用行高position

4、text-indent 用来定义文本的缩进

5、margin 外边距，上下左右都可以设置

6、padding 内边距，上下左右可以设置

7、border 后边写边框粗细，边框样式（实、虚）、边框颜色

8、list-style 加none可以将列表前边的序号去掉

9、list-style-image 可以将序号变为图片

四、格式与布局

1、position 是定位位置的，fixed是固定位置，相对于浏览器边框位置固定。absolute是绝对位置，相对于父级元素（浏览器，绝对定位的上级）。relative是相对位置，相对于自身应该出现的位置。

2、float 是流布局的意思，在CSS样式表中经常使用，可以选择向左或向右。

4、clear-both清掉流。

5、z-index分层 控制DIV上下分层，值越大越考上。

 

转载于:https://www.cnblogs.com/mengshenshenchu/p/6543138.html