css背景相关属性有哪些,css背景相关属性连写

背景颜色

属性名:background-color(bgc)
Ø 属性值:
• 颜色取值:关键字、rgb表示法、rgba表示法、十六进制……
Ø 注意点:
• 背景颜色默认值是透明: rgba(0,0,0,0) 、transparent • 背景颜色不会影响盒子大小,并且还能看清盒子的大小和位置,一般在布局中会习惯先给盒子设置背景颜色

 

背景图片

属性名:background-image(bgi)

Ø 注意点:
• 背景图片中url中可以省略引号
• 背景图片默认是在水平和垂直方向平铺的
• 背景图片仅仅是指给盒子起到装饰效果,类似于背景颜色,是不能撑开盒子的

 

背景平铺

属性名:background-repeat(bgr)

css背景相关属性有哪些,css背景相关属性连写

背景位置

属性名:background-position(bgp)

css背景相关属性有哪些,css背景相关属性连写

注意点:
• 方位名词取值和坐标取值可以混使用,第一个取值表示水平,第二个取值表示垂直

 

背景相关属性的连写形式

属性名:background(bg)

属性值:
• 单个属性值的合写,取值之间以空格隔开
Ø 书写顺序:
• 推荐:background:color image repeat position
Ø 省略问题:
• 可以按照需求省略
• 特殊情况:在pc端,如果盒子大小和背景图片大小一样,此时可以直接写 background:url()
Ø 注意点
• 如果需要设置单独的样式和连写
• ① 要么把单独的样式写在连写的下面
• ② 要么把单独的样式写在连写的里面

主题测试文章,只做测试使用。发布者:果壳日志,转转请注明出处:https://www.xin12123.com/n/533.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年 11月 13日 下午2:50
下一篇 2022年 11月 13日 下午2:55

相关推荐

  • emmet语法,emmet基础语法速查表

    作用:通过简写语法,快速生成代码

    2022年 11月 13日
    00
  • text-align : center 能让那些元素水平居中?

    text-align : center 能让那些元素水平居中?1. 文本2. span标签、a标签3. input标签、img标签Ø 注意点:1. 如果需要让以上元素水平居中, text-align : center 需要给以上元素的 父元素 设置

    CSS 2022年 11月 12日
    00
  • css文字行高怎么设置?css中设置行高的属性

    字体行高的作用 作用:控制一行的上下行间距Ø 属性名:line-heightØ 取值:• 数字+px• 倍数(当前标签font-size的倍数)   应用:1. 让单行文本垂直居中可以设置 line-height : 文字父元素高度2. 网页精准布局时,会设置 line-height : 1 可以取消上下间距Ø 行高与font连写的注意点:• 如果…

    2022年 11月 12日
    00
  • css文本样式属性,css文本样式有哪些

    文本缩进 属性名:text-indent 属性名:text-indentØ 取值:• 数字+px• 数字+em(推荐:1em = 当前标签的font-size的大小)   文本水平对齐方式 属性名:text-align 注意点:• 如果需要让文本水平居中,text-align属性给文本所在标签(文本的父元素)设置   文本修饰 属性名:t…

    2022年 11月 12日
    00
  • css引入方式有几种?分别是什么?

    CSS引入方式 内嵌式:CSS 写在style标签中• 提示:style标签虽然可以写在页面任意位置,但是通常约定写在 head 标签中Ø 外联式:CSS 写在一个单独的.css文件中• 提示:需要通过link标签在网页中引入Ø 行内式:CSS 写在标签的style属性中• 提示:一般会配合js使用

    2022年 11月 12日
    00

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信