CSS相关基础标签:
-
text-aline:center 居中
-
text-indent:2em 首行缩进两字符
-
text-decoration:underline 文字下方加下划线
插入背景图片相关属性
- background-image: url(背景图片位置/图片名称);
- background-repeat:no-repeat 图片不平铺(重复);
- background-position: 20px center 第一个参数代表自左至右距离 第二个参数代表自上而下距
背景图像固定
- background-attachment: scroll 背景图像随对象内容滚动 (默认)
- background-attachment:fixed 背景图像固定
- background-color:背景颜色
背景复合性写法
- background-image: url(背景图片位置/图片名称);
background-repeat:no-repeat 图片不平铺(重复);
background-position: 20px center 第一个参数代表自左至右距离 第二个参数代表自上而下距
background-attachment: scroll 背景图像随对象内容滚动 (默认)
background-color:背景颜色
将以上五个标签合并,可大大减少代码量
当使用简写属性时,没有特定顺序,一般习惯约定顺序为: background :背景颜色 背景图片地址 背景平铺 背景图片滚动 背景图片位置 (中间用空格隔开)
半透明盒子:
background:rgba(0,0,0,0.3) 最后一个参数 alpha是透明度,取值在0~1之间
王者荣耀官方首页前端搭建案例:
- 进入王者荣耀官网,右击检查,查看网页源代码,点击盒子,找到主界面图片,点击图片连接右击选择open
**
`