网页的背景样式
有个好的背景生活将没那么苦
CSS 背景(background) - 可以设置多背景
- background-size: 设置背景图片的大小
- background-color:颜色值; 默认的值是 transparent 透明的
- 背景图片(image): // background-image : none | url (url)
- 背景平铺(repeat)// background-repeat : repeat | no-repeat | repeat-x | repeat-y
- 背景位置(position) 重点 //position:top \| center \| bottom \| left \| center \| right 方位名词 也可%
- 背景附着就是解释背景是滚动的还是固定的 / background-attachment : scroll | fixed
- background: transparent url(image.jpg) repeat-y scroll center top ;
- background: rgba(0, 0, 0, 0.3); / 背景透明
实现网速不好时,无法加载CSS时的效果,只显示文本
- text-indent:190px; 首行缩进
- white-space:nowrap;
- overflow:hidden; 超出部分隐藏
- 第2种策略、因为背景图片和背景颜色都能加在padding 设置高为0 、padding-top:90px;
插入图片和背景图片区别
- img:插入图片 我们用的最多 比如产品展示类 移动位置只能靠盒模型 padding margin
- background:url(); - 背景图片我们一般用于小图标背景 或者 超大背景图片 背景图片 只能通过 background-position
- 清除元素的默认内外边距(重要):padding:0; / margin:0;