- 博客(8)
- 收藏
- 关注
RSS订阅原创 单行文本溢出打点展示、多行文本溢出截断
单行文本溢出打点展示、多行文本溢出截断 <p>全国中秋赏月地图来了！关于中秋，还有这些消息不能错过。</p> p{ width: 300px; height: 20px; line-height: 20px; /*border: 1px solid black;*/ white-space: nowrap;/*取消换行*/ overflow: hidden;...
2019-12-24 20:09:50
433
原创 CSS浮动
CSS浮动 浮动元素产生了浮动流 所有产生了浮动流的元素，块级元素看不到他们 产生了bfc的元素和文本类属性的元素(inline)以及文本都能看到浮动元素 伪元素清除浮动.wrapper::after{ /*before*/ content:""; display: block; clear: both;/*left/right(清除周边浮动流) 必须是块级元素才能...
2019-12-24 19:55:22
160
原创 margin塌陷、margin合并
margin塌陷、margin合并 margin塌陷 原理:父子嵌套元素在垂直方向的margin,父子元素是结合在一起的,他们两个的margi会取其中最大的值。 正常情况下,父级元素应该相对浏览器进行定位,子级相对父级定位。 但由于margin的塌陷,父级相对浏览器定位.而子级没有相对父级定位,子级相对父级,就像坍塌了一样。 margin合并 原理:两个兄弟结构的元素在垂直方向上的margin是合...
2019-12-24 19:46:17
180
原创 居中五环、两栏布局 【定位】
居中五环、两栏布局 【定位】 absolute绝对定位 脱离原来位置进行定位 相对于最近的有定位的父级进行定位，如果没有，那么相对于文档进行定位 relative 保留原来位置进行定位 相对于自己原来的位置进行定位 fixed 滚动页面不动 static(默认值) 用relative作为参照物，用absolute进行定位 <!-- 五环固定中间不动 --> <...
2019-12-24 19:35:26
189
原创 盒子模型和层模型
盒子模型和层模型 需要注意： 盒子是由三部分组成的，即：盒子壁【border】+内边距【padding】+内容区【content=width+height】 而盒模型是由四部分组成的，即：外边距【margin】+盒子壁【border】+内边距【padding】+内容区【content=width+height】 我们平时设置的height和width是盒模型中的内容区部分！paddin...
2019-12-24 19:18:42
195
原创 CSS基础属性
CSS基础属性 行级元素、内联元素（inline） feature(特点):内容决定元素所占位置，不可以通过css改变宽高 span strong em a del 块级元素(block) feature:独占一行，可以通过css改变宽高 div p ul li from adddress 行级块元素(inline-block) feature:内容决定大小，可以改变宽高 img 凡是...
2019-12-24 18:49:28
195
原创 CSS选择器
CSS选择器 CSS基础选择器 id选择器 <div id="only">123</div> #only{ background-color: red; } class选择器 <div class="demo1">456</div> <div class="demo1 demo2">456</div> .dem...
2019-12-24 18:22:45
79
原创 HTML常用标签
HTML常用标签 基础标签 <strong>粗体</strong> <em>斜体</em> <del style="color:#999">￥50</del> <br> <hr> <div></div> <span></span> & lt; &a...
2019-12-24 18:07:16
164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人