html 选择器设置背景,html+css学习笔记004-元素选择器0背景属性

Author：Mr.柳上原

付出不亚于任何的努力

愿我们所有的努力，都不会被生活辜负

不忘初心，方得始终

零基础

刚开始的时候很难

不仅仅是因为第一次接触代码

还有生活的压力、年龄的压力

我问一个只有高中学历，当兵退伍回来，年纪比我大很多的朋友，你是怎么学成前端的

“没有其他方法，坚持下来就好了。”

现在在阿里巴巴上班的朋友如是说道。

原来成功如此简单，坚持就好了

前端59期学员作业

*{ /* 通配符选择器 可以选择所有的标签 */

width:0px;

}

.wrap{ /* calss选择器 可以有多个值 */

width:0px;

}

#wrap{ /* id选择器 只能有唯一的值 */

width:0px;

}

.wrap ul li{ /* 后代选择器 */

width:0px;

}

#wrap,.wrap,ul,li{ /*多元素选择器 */

width:0px;

}

div > p{ /* 子元素选择器 */

width:0px;

}

p + p{ /* 邻居选择器 */

width:0px;

}

[p="wrap"]{ /* 属性选择器：[p="wrap"] 有p属性且p=wrap [p~="wrap"] 有p属性且p=wrap 或 包含wrap值 [p|="wrap"] 有p属性且p=wrap 或 以wrap-开头*/

width:0px;

}

background:url(' ') no-repeat -10px -280/40px 38px;

background-color 背景颜色

background-image 背景图片

background-repeat 背景平铺(repeat平铺 no-repeat不平铺 repeat-x repeat-y平铺x,y轴)

background-position 背景位置

background-size 背景大小(contain铺满xy轴任意一条为止 cover铺满全部轴)

backgruond-attachment 背景图片位置(scroll背景图片随盒子滚动而滚动 fixed背景图片不随盒子滚动)