您当前的位置: 站长圈 > 技术文章 > 网页前端 > 第八课:网页实例及css背景技术

第八课:网页实例及css背景技术

来源: 作者:adminzzq 点击: 0
背景分背景颜色和背景图片:
    background-color:#481f57;
    background-image:url(背景图片的地址);
    background-repeat:no-repeat(不重复),repeat-x(X方向重复),repeat-y(Y方向重复)
    background-position: x坐标 Y坐标   /*背景图片定位*/

    background:颜色 url(图片地址) no-repeat center center;

    使用背景图片定位,我们可以把网页中很多的小图片集中到一张图片里面。
    这个技术叫css精灵,也可以叫做sprite技术。

    文字设置
        1,font-size: 50px 文字大小
        2,font-family:"microsoft yahei","宋体";

    文本对齐:
        text-align: left;right;center;

    盒子水平居中:
        margin-left:auto;
        margin-right:auto;

    选择器的优先级:
       id选择器 > 类选择器 > 标签选择器 > *
       1000       100         10          1
       越是特殊的,优先级越高。

    提高优先级的方法:
        1:选择器叠加。
        2:margin-top: 248px !important;

    隐藏文字:
        1: display:none;
        2: 用一个大的负值文本缩进。可以隐藏文字。
            text-indent: -99999px;
        3: 用一个很大的行高。推到父元素的外面。然后再把父元素加上 overflow:hidden;

    overflow:溢出
        visible    默认值。内容不会被修剪,会呈现在元素框之外。
        hidden     内容会被修剪,并且其余内容是不可见的。
        scroll     内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
        auto   如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
        inherit    规定应该从父元素继承 overflow 属性的值。


    vertical-align:
        middle;居中对齐
        top:顶对齐
        bottom:底对齐
        baseline:基线对齐。
    这个属性只能用于行内元素。