background的属性值及浮动布局

总结下今天学习的重点有

1.background的几种属性

1.1 background-color   背景颜色设置

它的颜色单位: 英语单词 16进制 rgb() hsl() transparent

1.2 background-image:url()背景图片设置

url:统一资源定位符

1.3 background-repeat:repeat-x | repeat-y

      no-repeat;背景平铺设置

1.4 background-position: x y ;背景定位设置

1.5 background-size: 背景尺寸设置

background-size可以简写:background-position/background-size;

background


2.浮动

float :left | right | none 

float最初被用来设置文字环绕

float属性对块级元素的影响:1.设置浮动之后,块级元素的宽度不再跟随父级宽度,而是内容决定(内容撑开宽度)

float 属性对行及元素的影响 :1.设置浮动之后,可与设置行级元素的宽高和盒模型。

3.浮动的布局

两列布局(一段固定,一段随浏览器宽度自适应,且中间间距10px)

三列布局(两段固定,另一段随浏览器宽度自适应,且中间间距10px)


css


div
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,711评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,773评论 0 1
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,574评论 0 40
  • 本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,欢迎移步本人博客!! 博客地址 点击跳转...
    西巴撸阅读 3,680评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,778评论 32 459

友情链接更多精彩内容