接着说一些有关排版的一些东西
排版的标准 （子绝父相）css
列如：布局
<body>spa
<布局> relative继承
<结构> absolute图片
<布局> relativeip
<结构> absoluteit
</结构> absoluteio
</布局> relativefloat
</结构> absolute自适应
</布局> relative
</body>
a是个行级元素 ，高不起做用
行级元素想设置宽高 只能用 行级块（display="line-block"）
border的方向 先左上 在右上 以后右下 最后左下
border：9px 7px 3px 0;
css能够继承的标签有 ：font系列；text系列；color；行高
white-space:nowrap （规定段落的文本换不换行）
word-wrap:break-word (规定单词换不换行)
<子绝父相> 中心思想
作一个三角形：宽高必须是0；
div{
width:0;
height:0;
border-top:transparent 1px solid;
border-left:transparent 1px solid;
border-bottom:transparent 1px solid;
border-right:transparent 1px solid;
}
标准流中 margin （外边距）为负数叫释放空间
margin（外边距）对布局的影响
属性值：数字 （数字分正负）
标准流中 (static)
margin-left:20px; 向右走20px
margin-left:-20px; 向左走20px
margin-top:20px; 向下走20px
margin-top:-20px; 向上走20px;
接下来就不同喽
margin-right:-20px; (当前元素不动 ，后面的元素向左走)
margin-bottom:-20px;( 当前的元素不动，后面的元素向上走)
注意：margin为负数会增大元素的宽（前提：当前元素没有设置宽高）
position:absolute;(margin为负的状况)
position:absolute;（对body来讲的，让边框居中）
top:50%;
left:50%;
width:200px;
height:200px;
border：red 1px solid;
margin-left:-100px;
margin-top:-100px; (知道元素的宽高)
当后面的宽不够了 margin-left:-20px; 会无形中增长20的宽
float中的margin为负数的状况，也是经常使用的圣杯布局
margin-left：-50px 当前的元素向左走 会覆盖前面的
margin-right：-50px 覆盖后一个元素 后面的元素向左走
margin为负 ：不管在什么条件下都释放本身的空间，若是本身的宽高不够，就会把本身的宽高献出去
两种模式 （三个模块来讲）
双飞翼 （两端自适应，中间固定）
圣杯 （两端固定，中间自适应）
边框阴影：box-shadow: 0 0 10px #888
负左右正 下正上方 阴影大小 颜色
尽可能不要调图片的大小，那样会使图片失真，因此尽可能改代码
文本超出后省略点 ： text-overflow:ellipsis;
- 1. 关于decorator一些东西
- 2. 写一些东西
- 3. java一些东西
- 4. 关于Chrome的V8的一些东西
- 5. HTML一些有趣的东西
- 6. 一些有意思的东西
- 7. 面试的一些东西
- 8. phpstudy的一些东西
- 9. C++里的一些东西
- 10. 一些无聊的东西
- 更多相关文章...
- • 一对一关联查询 - MyBatis教程
- • NoSQL数据库有哪些？ - NoSQL教程
- • RxJava操作符（一）Creating Observables
- • Kotlin学习（一）基本语法
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 关于decorator一些东西
- 2. 写一些东西
- 3. java一些东西
- 4. 关于Chrome的V8的一些东西
- 5. HTML一些有趣的东西
- 6. 一些有意思的东西
- 7. 面试的一些东西
- 8. phpstudy的一些东西
- 9. C++里的一些东西
- 10. 一些无聊的东西