从零开始的css世界生活

如果确定baseline?空行内块与空行内块,行内块嵌套行内块,空行内块与文字,文字与文字,妹妹是娜娜莉

关于flex布局的基础教程,请点击Flex 布局教程：语法篇 - 阮一峰的网络日志 (ruanyifeng.com),下面我来讲解flex布局可能出现的奇奇怪怪的问题 与容器相关 align-cont

position 答: 大部分元素都可以设置position position取值: static (默认值) relative absolute fixed sticky static 此时设置to

background-attachment 决定背景图像固定的位置,取值: scroll (默认值) fixed local scroll 图片相对于元素本身固定,元素滚动所以图片就滚动 fixed

background-clip 设置背景图片和颜色的可以显示的位置,取值: border-box(默认值) padding-box content-box text (实验性) border-box

background-origin 规定了背景图片background-image从那里开始放置,取值: padding-box (默认值) content-box border-box 注意：当使用

background-position 为每一个背景图片设置初始位置,这个位置是相对于由background-origin定义的位置图层的。 取值: 0% 0% (默认值) 百分比 关键字 x轴关键字

background-size 设置背景图片大小,取值: auto(默认值) length cover contain auto 默认就是图片的宽度与高度,如果图片太大就会被裁剪 contain 默认

background-image 设置元素的背景图片 none (默认值) url 链接 gradient 渐变 none background-image默认值为none,即不显示图片 url ba

background-color 设置元素的背景色, transparent(默认值) 关键字 RGB currentcolor transparent 默认background的取值为transpa

background是设置背景的属性 什么元素可以设置background? 答: 可以设置宽高的元素,常见的即: 块元素 行内块元素 设置了position为absolute或fixed的行内元素

什么元素会出现换行问题? 答: 行内元素,行内块元素和浮动元素会出现换行问题 块元素不会出现换行问题,因为它默认占用一行 所以我们只需要探讨行内元素,行内块元素和浮动元素的换行问题 只有行内元素(文字