CSS实现居中代码大全

在设计网页模板的时候啊，CSS这玩意儿经常被我们用来控制那些块级元素是往左摆还是往右摆，当然啦，居中这事儿最常见了。
来，我给你细细道来怎么用CSS给元素弄个居中。

1 . 单行文字垂直居中：在层里想把文字垂直居中，光靠vertical-align那招儿可不行。
得来个聪明的法子，就是让层的高度和line-height这俩数值一样高。

2 . 层水平居中：要是想把div给水平居中，你可以让它的宽度比父div窄点，然后用margin:0 auto;这么一弄，它就能自己找好位置，正好在中间了。
比如这么写： css parentdiv { width: 5 00px; } childdiv { width: 2 00px; margin: 0 auto; }
3 . 层里文字水平居中：在你那个childdiv的CSS里加上text-align:center;，这样层里的文字就能水平居中了。
还是那个例子： css parentdiv { width: 5 00px; } childdiv { width: 2 00px; margin: 0 auto; text-align: center; }
4 . div层垂直居中：这得说说了，不过具体怎么弄我没细讲。
5 . div层垂直水平居中，英文超长换行：这又是个啥情况？听起来挺复杂的，得好好研究下。
6 . div垂直滚动：这个好像跟居中没啥关系，不过也是CSS能干的事儿。
7 . 垂直居中和使用text-align水平居中：这俩啥关系啊？听起来有点混成一团。
8 . 垂直居中和使用margin水平居中：同样是垂直居中和水平居中的组合，又是啥意思呢？

CSS语言大全

CSS语言确实有不少可以调整的地方，我给你捋一捋常用的属性和用法。

首先是字体相关的属性，比如：
字体大小可以用 font-size 来设置，比如 x-large 是特大的字体，xx-small 是极小的字体，但中文一般用数值和单位px就好。

字体样式有 font-style，可以设置成 oblique 偏斜体、italic 斜体或者 normal 正常字体。

行高用 line-height 来调整，单位可以是px、pd、em等。

字体粗细可以通过 font-weight 设置，比如 bold 是粗体，lighter 是细体，normal 是正常粗细。

还有字体变体 font-variant，比如 small-caps 是小型大写字母。

大小写可以用 text-transform 来控制，比如 capitalize 首字母大写，uppercase 全大写，lowercase 全小写。

文字修饰 text-decoration 可以加下划线、上划线、删除线，甚至是闪烁效果。

字体-family就不多说了，就是指定字体，常用的有 "CourierNew"、"TimesNewRoman"、"Arial" 等等。

背景属性也是CSS里很常用的部分：
背景颜色用 background-color 设置，比如 FFFFFF 就是白色。

想要加背景图片就用 background-image，后面跟上图片的url。

背景图片的重复可以用 background-repeat 来控制，比如 no-repeat 不重复，repeat 重复。

背景滚动可以用 background-attachment，固定背景就设为 fixed，随内容滚动就设为 scroll。

背景位置可以用 background-position 来调整，比如 left top、right bottom 或者百分比位置。

区块属性这边，字间距可以用 letter-spacing 设置，对齐方式用 text-align，比如 justify 两端对齐，left 左对齐等等。
垂直对齐可以用 vertical-align 来控制。

方框属性的话，有宽度和高度 width、height，浮动 float，清除浮动 clear，还有边界 margin 和内边距 padding。

边框属性这边，边框样式可以用 border-style 来设置，比如 solid 实线，dashed 虚线等等。
边框宽度用 border-width，边框颜色用 border-color。
这些也可以用简写方式来写。

列表属性：
列表类型可以用 list-style-type 设置，比如 disc 圆点，circle 圆圈，square 方块等等。

列表符号的位置可以用 list-style-position 设置，outside 在外，inside 在内。

如果想要用图片作为列表符号，可以用 list-style-image。

定位属性这边，position 可以设置绝对定位 absolute，相对定位 relative，静态定位 static。
还有可见性 visibility，滚动 overflow，裁切 clip 等等。

总的来说，CSS属性非常多，每个属性都有它的用处，多实践才能掌握得更牢固。