- 博客(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
493
原创 CSS浮动
CSS浮动浮动元素产生了浮动流所有产生了浮动流的元素，块级元素看不到他们产生了bfc的元素和文本类属性的元素(inline)以及文本都能看到浮动元素伪元素清除浮动.wrapper::after{ /*before*/ content:""; display: block; clear: both;/*left/right(清除周边浮动流) 必须是块级元素才能...
2019-12-24 19:55:22
199
原创 margin塌陷、margin合并
margin塌陷、margin合并margin塌陷原理:父子嵌套元素在垂直方向的margin,父子元素是结合在一起的,他们两个的margi会取其中最大的值。正常情况下,父级元素应该相对浏览器进行定位,子级相对父级定位。但由于margin的塌陷,父级相对浏览器定位.而子级没有相对父级定位,子级相对父级,就像坍塌了一样。margin合并原理:两个兄弟结构的元素在垂直方向上的margin是合...
2019-12-24 19:46:17
248
原创 居中五环、两栏布局 【定位】
居中五环、两栏布局 【定位】absolute绝对定位脱离原来位置进行定位相对于最近的有定位的父级进行定位，如果没有，那么相对于文档进行定位relative保留原来位置进行定位相对于自己原来的位置进行定位fixed滚动页面不动static(默认值)用relative作为参照物，用absolute进行定位<!-- 五环固定中间不动 --><...
2019-12-24 19:35:26
239
原创 盒子模型和层模型
盒子模型和层模型需要注意：盒子是由三部分组成的，即：盒子壁【border】+内边距【padding】+内容区【content=width+height】而盒模型是由四部分组成的，即：外边距【margin】+盒子壁【border】+内边距【padding】+内容区【content=width+height】我们平时设置的height和width是盒模型中的内容区部分！paddin...
2019-12-24 19:18:42
264
原创 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
260
原创 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
124
原创 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
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人