菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: css闫鹏波20230208 [打印本页]

作者: mx60075 时间: 2023-2-9 01:00
标题: css闫鹏波20230208
背景颜色
  background-color
属性值
默认值：transparent
十六进制
RGB
预定义颜色
背景图片
background-image
属性值
url(图片路径)
默认值：none属性是background-repeat
背景平铺
属性值
repeat  默认值，横向纵向都平铺
no-repeat  背景不平铺
repeat-x  背景横向平铺
repeat-y  背景纵向平铺
背景图片滚动
属性是 background-attachment
  属性值
scroll  随着屏幕滚动默认值
fixed  不跟随屏幕滚动
背景的复合写法
  属性background
  属性值为背景颜色背景图片背景平铺背景图片滚动背景图片的位置  推荐的写法顺序，但是不需要严格按照该顺序来书写。
  实际开发中我们更推荐这种写法
背景颜色的半透明
  属性：background:rgba(0,0,0,0.3);
  rgba中的a是alpha的缩写，代表透明程度，取值范围是0~1
  透明度的小数点之前的0可以去掉可以写成.3
  背景半透明不会影响盒子里面内容
背景缩放
  属性 background-size
  属性值
  精确单位精确单位来控制，第一个是宽度，第二个值是高度
百分比单位
  使用百分比单位来控制，第一个值是宽度，第二个值是高度，参照盒子的宽度和高度进行计算
cover
宽度和高度适配到覆盖整个盒子大小为止
contain
背景图片缩放到宽度或者高度任一一项到达盒子的宽或高度就停止缩放
css的三大特性分别是层叠性，继承性，优先级。
css的盒子模型，边框，内边框，外边框。
边框：属性名：border,border: border-width  border-style border-color；
border-style的值
dotted：点线边框
dashed：虚线边框
solid：实线边框

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)