![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
索索索
学习永无止境
展开
-
CSS Sprites(雪碧图)
CSS Sprites 1.简介 CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中, 利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位, 访问页面时避免图片载入缓慢的现象。 2.优点 (1)CSS Sprites能...原创 2019-09-03 23:35:15 · 95 阅读 · 0 评论 -
元素的种类,文本标签和样式
元素的种类 1.区块元素 每个元素单独占据一行 不设置宽高时,宽是父元素的宽,高是0,有内容时高由内容撑开 不解析换行符 支持所有样式 常见的区块元素:div(盒子)、ul(无序列表)、ol(有序列表)、dl(定义列表)、li(列表的项)、p(段落)、h1~h6(网页中的标题,从大到小)、table(表格)、form(表单)、pre(源代码)、hr(分割线) 2.内联元素 在 一行有空间时可...原创 2019-09-03 23:48:51 · 246 阅读 · 0 评论 -
浮动和清除浮动
浮动: 元素脱离文档向浮动方向浮动,遇到父级边界或者相邻浮动元素停住, float:left/right/none(默认值) 由于子元素脱离文档流,结果会使父元素高度崩塌,解决浮动元素脱离文档流不占位的方法(清除浮动): 1.给父元素设置高 2.给父元素overflow:hidden/scroll/auto 3.在浮动元素的最后设置空标签的样式style=“clear:both” 4.利用css...原创 2019-09-03 23:51:22 · 79 阅读 · 0 评论 -
父子元素margin塌陷和兄弟盒子外边距重叠
外边距重叠(margin-collapse): 相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距,折叠结果遵循下列计算规则: 两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值 两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值 两个外边距一正一负时,折叠结果是两者的相加的和 ...原创 2019-09-03 23:54:29 · 996 阅读 · 0 评论