css学习的第三天第四天

盒模型:margin
1.margin是长在元素之外的
2.Margin是控制同级元素的位置关系
3.Margin不会对盒子本身的宽高造成影响
4.可以给单一方向添加margin值
5.Margin设置值的方法和padding一样
6.Margin可以设置负值
7.Margin常出现的bug:margin-top传递问题,子元素会传递给父元素;上下相关的两个元素之间margin会叠加;后者的解决办法单独添加一个margin;前者解决办法给父元素添加边框,BFC规范,给元素添加浮动
8.Margin:0 auto;让当前元素在父元素左右居中
总结:
1.html结构
2.css语法和样式表,选择符
3.css属性:文本属性,列表属性,边框属性,背景属性,浮动。
4.css盒模型
空白空间的处理:white-space:per/per-wrap/per-line/inherit继承/nowrap不让文本换行;
溢出属性:overflow属性:auto当内容超出时显示滚动条,没有超出时没有滚动条/scroll添加滚动条/hidden溢出隐藏/inherit继承;可以单独的针对xy轴设置,overflow-x:hidden;overflow-y:hidden;
Text-overflow:ellipsis省略号显示/clip没有省略号
控制单行文本,溢出省略号显示:
1.white-space:nowrap;不换行
2.Overflow:hidden;溢出的内容隐藏.
3.Text-overflow:ellipsis;溢出的内容省略号显示
4.容器要有宽度
整站制作:通栏加版心在这里插入图片描述在这里插入图片描述在这里插入图片描述

发布了10 篇原创文章 · 获赞 0 · 访问量 145
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览