|
|
知识路径： > 电子商务系统程序设计基础 > Web 设计基础 > CSS3 样式表 > CSS3样式表 >
|
被考次数：1次
被考频率：低频率
总体答错率：54%
知识难度系数： 
|
由 软考在线 用户真实做题大数据统计生成
|
|
相关知识点：36个
|
|
|
|
|
|
|
|
|
|
|
语法说明：颜色关键字就是用颜色的英文名称来设置颜色。例如：red代表红色，black代表黑色等；RGB值有多种表示方式，如十六进制的RGB值和RGB函数值。
|
|
|
|
|
|
|
|
|
|
语法说明：关键字和RGB值可参颜色设置中的语法说明。transparent表示透明值，是背景颜色background-color属性的初始值。
|
|
|
|
|
|
|
|
|
|
语法说明：url指定要插入的背景图片路径或名称，路径可以为绝对路径也可以为相对路径。图片的格式一般以GIF、JPG和PNG格式为主。none是一个默认值，表示没有背景图片。
|
|
|
|
插入背景附件background-attachment
|
|
|
|
|
|
|
|
语法说明：scroll表示背景图片是随着滚动条的移动而移动，是浏览器的默认值；fixed表示背景图片固定在页面上不动，不随着滚动条的移动而移动。
|
|
|
|
设置重复背景图片background-repeat
|
|
|
|
|
|
|
|
语法说明：repeat表示背景图片在水平和垂直方向上平铺（默认值）；repeat-x表示背景图片在水平方向上平铺；repeat-y表示背景图片在垂直方向上平铺；no-repeat表示背景图片不平铺。
|
|
|
|
设置背景图片位置background-position
|
|
|
|
|
|
|
|
语法说明：利用百分比和长度设置图片位置时，都要指定两个值，并且这两个值要用空格隔开。一个代表水平位置，一个代表垂直位置。水平位置的参考点是网页页面的左边，垂直位置的参考点是页面的上边。关键字在水平方向的主要有left、center、right，表示居左、居中和居右。关键字在垂直方向的主要有top、center、bottom，表示顶端、居中和底端。其中水平方向和垂直方向的关键字可相互搭配使用。
|
|
|
|
|
|
|
|
|
|
语法说明：direction表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二个color-stop1和第三个color-stop2参数分别是起点颜色和终点颜色。
|
|
|
|
|
|
|
|
语法说明：center表示渐变起点的位置，可以为百分比，默认是图形的正中心。shape表示渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为ellipse，如果元素形状为正方形的元素，则ellipse和circle显示一样。size是渐变的大小，即渐变到哪里停止，它有四个值。closest-side：最近边；farthest-side：最远边；closest-corner：最近角；farthest-corner：最远。后面参数和线性渐变含义一致。
|
|
|
|
|
|
|
|
|
|
语法说明：在第一个url1声明之后用逗号分开加入第二个url2，以此类推，可以加入重叠的背景图像。
|
|
|
|
设置背景图像大小background-size（CSS3新增）
|
|
|
|
|
|
|
|
语法说明：length是背景的宽度如200px，percentage是背景的高度取值在0～100%，cover将图片等比例放大或者缩小，背景图片等比缩放至完全覆盖容器，超出容器的尺寸将会被裁切。contain只要求某一个方位上将容器覆盖，比如纵向或者横向能够最小程度将容器覆盖。
|
|
|
|
设置背景图像原点background-origin（CSS3新增）
|
|
|
|
|
|
|
|
语法说明：①padding-box的值为background-origin的默认值，决定background-position的起始位置，从padding的外边缘（border的内边缘）开始显示背景图片；②border-box的值决定了background-position的起始位置从border的外边缘开始显示背景图片；③content-box的值决定了background-position的起始位置从content的外边缘（padding的内边缘）开始显示背景图片。
|
|
|
|
设置背景图像显示区域background-clip（CSS3新增）
|
|
|
|
|
|
|
|
语法说明：border-box（默认值）规定背景图片可以在边框范围内显示。padding-box规定背景图片可以在padding范围内显示。content-box规定背景图片可以在content区域。text从前景内容的形状（例如文字）作为裁剪区域向外裁剪，也就是说只有前景内容的形状内显示背景图片，例如只有文字内显示背景。
|
|
|
