xiaoqiyan 的个人博客

记录精彩的程序人生

Open Source, Open Mind,
Open Sight, Open Future!
  menu
27 文章
0 评论
13968 浏览
0 当前访客
ღゝ◡╹)ノ❤️

前端学习之CSS Day09 背景属性与选择器

Day 09 背景属性与选择器

Day 09 背景属性与选择器
  背景
    背景颜色
    背景图片
    背景平铺
    背景尺寸(x,y)
    背景的位置
    背景滚动
    背景剪裁
    背景位移原点
    复合写法
    hover伪类

背景

背景颜色

background-color: blue;

背景图片

background-image: url(');

按照规范,不要加引号

背景平铺

background-repeat:no-repeat;

值有:

repeat

no-repeat

repeat-x

repeat-y

背景尺寸(x,y)

background-size:800px 400px;

background-size:100% 50%;

background-size:cover; 按比例保证宽高比填满容器

背景的位置

background-position:100px 80px;

横向100px,纵向80px

要么都写单词、要么都写数字、要么都写百分比

背景滚动

background-attachment:fixed(固定);固定在window窗口上的位置,会跟着滚动条走

scroll (滚动):固定在文档上,不会跟着滚动走

背景剪裁

background-clip:padding-box;

content-box

border-box

背景位移原点

默认是padding-box

background-origin:
​
padding-box;
​
content-box
​
border-box

复合写法

background: color url() no-repeat center/500px 500px;

hover伪类

**不是真正的选择器 **


标题:Python
作者:肖祺彦
地址:url

评论
取消