欢迎光临散文网 会员登陆 & 注册

scc显示模式+背景

2023-03-17 20:14 作者:山锦ShanJin  | 我要投稿

一、CSS元素显示模式

元素显示模式:元素(标签)以什么方式进行显示。

HTML元素一般分为块元素和行内元素两种类型。


1.块元素

2.行内元素

3.行内块元素

4.元素显示模式转换

一个模式的元素转换为另一种模式。

二、CSS背景


1.背景颜色

元素背景默认是transparent(透明)。

半透明效果:(浏览器IE9+版本支持,但实际开发中不太关注兼容性的时候可以大胆用)

最后一个参数是alpha不透明度,取值范围0~1;0不透明,1完全透明。

注:背景半透明是指盒子背景半透明,盒子里面的内容不受影响。

2.背景图片

none:默认值,无背景图。

url:使用绝对或相对地址指定背景图像。

3.背景平铺

对背景图像进行平铺。

repeat:默认值,在纵向和横向上平铺。

no-repeat:不平铺。

repeat-x:沿x轴平铺。

repeat-y:沿y轴平铺。

4.背景图片的位置(很重要)

如果只写一个方位名词,则另一个默认居中(center)。

top bottom:y轴的值。

left right: x轴的值。

精确坐标可以和方位名词同时使用。

若写精确坐标,则x坐标在前,y坐标在后。

5.背景图像固定(背景附着)

6.背景复合写法

书写顺序:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;


scc显示模式+背景的评论 (共 条)

分享到微博请遵守国家法律