随笔分类 -  【css】

【css】弹性盒模型
摘要：弹性盒模型flexBox 弹性盒模型是c3的一种新的布局模式 它是指一种当页面需要适应不同屏幕大小以及设备类型时，确保元素有恰当行为的布局方式。 引入弹性盒模型布局的目的是提供一种更有效的方法来对一个容器中的子元素进行排列、对齐和分配空白空间。 兼容性 IE11 弹性盒模型内容 弹性盒模型由弹性容器 阅读全文
posted @ 2018-05-08 20:22 krank 阅读(476) 评论(0) 推荐(0)
【CSS】清除浮动的五种方式
摘要：清除浮动是一件功德无量的事情23333 这里记录一下清除浮动的多种方式 *首先要明确的是，为什么要清除浮动？ A 影响其他元素定位 父盒子高度为0，子盒子全部浮动、定位，子盒子不会撑开父盒子，下面的元素会到子盒子的下面 B 背景图片或颜色不能正常显示 由于浮动产生，如果对父级设置了CSS背景颜色或C 阅读全文
posted @ 2018-05-08 12:15 krank 阅读(212) 评论(0) 推荐(0)
【HTML+CSS】右侧固定，左侧自适应布局
摘要： 阅读全文
posted @ 2018-05-08 11:33 krank 阅读(312) 评论(0) 推荐(0)
link @import区别 src href的区别
摘要：先说页面引入css的四种方式吧 1 在头部写在style里面 2 行内样式 tyle= 3 外部引入 link和@import的区别 link属于XHTML的标签，而@import只是css提供的一种方式 link除了加载css还能做其他的事情，比如定义RSS 而@import只能加载css lin 阅读全文
posted @ 2018-05-05 14:31 krank 阅读(405) 评论(0) 推荐(0)
盒子模型漫谈
摘要：对盒子模型一直只是处于了解但是说不明白的过程，做题的时候卡壳在这感觉很不爽，写文章一次搞清楚盒子模型的种种！ 盒子模型： 一个标准的盒子模型包括content（width height） border padding margin这四种属性 它的作用是让我们充分理解div+css模型的定位功能，就是 阅读全文
posted @ 2018-05-05 13:32 krank 阅读(131) 评论(0) 推荐(0)
【css】 文本超出2行显示省略号
摘要：首先，要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 这三个是css的基础属性，需要记得。 但是第三条属性，只能显示一行，不能用在这里，那么如 阅读全文
posted @ 2018-05-02 14:57 krank 阅读(930) 评论(0) 推荐(0)