• CSS世界(三)背景装饰


    柯岩《美的追求者·花开花谢》:“画面上是一个沉思的姑娘,极为明丽的背景衬着一个俯首沉思的形象。”
    《<端木蕻良小说选>自序》:“这相片是在什么地方照的,当时的背景是哪里,我都记不起来,回答不出。”

    背景装饰

    CSS世界里的背景装饰,装饰了CSS世界
    

    背景颜色

    background-color
    颜色的表示方式:  颜色名 red, #fff, rgb(1,1,1), rgba(1,1,1,0.1), hsl(120deg, 100%, 50%), HSLA(H deg,S %,L %,A 0.1) , 透明 transparent 
    
    思考: 
        颜色表示法的区别?以及在那些场景下使用会有不同?
    

    背景图片

    background-image
    
    记录下与众不同的bakcgound-position %计算公式 : 
        positionX = (容器的宽度 - 图片的宽度) * percentX; 
        positionY = (容器的高度 - 图片的高度) * percentY;    
    

    复习思考

    1. 元素背景与边框背景在使用上有什么异同?
    2. 元素背景与边框背景的层级关系?
    3. background,background-color,background-image 优先级的问题?
    4. 渐变色的使用 , 线性渐变函数 linear-gradient();,径向渐变函数 radial-gradient()
  • 相关阅读:
    选择排序
    插入排序
    洗牌算法
    访问性模式
    策略模式
    mysql EXPLAIN Join Types 手册解释 及数据实操
    Nginx Location和Rewrite总结
    json_decode 解析带BOM头文件错误
    laravel 集成 swagger插件
    php S3
  • 原文地址:https://www.cnblogs.com/pengsn/p/12334578.html
Copyright © 2020-2023  润新知