css小结

 本文根据w3c css教程做的笔记

#bgc2
{
    background-image: url("1.png");
    background-repeat: no-repeat;
    background-position: left;
    /*
       为 background-position 属性提供值有很多方法。
       首先,可以使用一些关键字:top、bottom、left、right 和 center。
       通常,这些关键字会成对出现,不过也不总是这样。
       还可以使用长度值,如 100px 或 5cm,最后也可以使用百分数值。
       不同类型的值对于背景图像的放置稍有差异。 
    */
    background-position:50% 50%;
    /*
        这会导致图像适当放置,其中心与其元素的中心对齐。
        换句话说,百分数值同时应用于元素和图像。
        也就是说,图像中描述为 50% 50% 的点(中心点)与元素中描述为 50% 50% 的点(中心点)对齐。
        如果图像位于 0% 0%,其左上角将放在元素内边距区的左上角。
        如果图像位置是 100% 100%,会使图像的右下角放在右边距的右下角。
        因此,如果你想把一个图像放在水平方向 2/3、垂直方向 1/3 处,可以这样声明:
        background-position:66% 33%;
    */
    background-position:50px 100px;
    /*
        注意,这一点与百分数值不同,因为偏移只是从一个左上角到另一个左上角。
        也就是说,图像的左上角与 background-position 声明中的指定的点对齐。
    */

    background-attachment: fixed;
    /*
        如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。
        当文档滚动到超过图像的位置时,图像就会消失。
        您可以通过 background-attachment 属性防止这种滚动。
        通过这个属性,可以声明图像相对于可视区是固定的(fixed),因此不会受到滚动的影响:
    */
}
#bgc{
 
    background-image: url("1.png");
    background-repeat: repeat-y;/*表示背景的y方向平铺*/
    background-repeat: repeat-x;/*表示背景的x方向平铺*/
}

CSS 文本属性可定义文本的外观。

通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

欲游山河十万里

你的鼓励是我们创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值