* 文本垂直居中
通过CSS文本的行高line-height属性控制,这也是CSS中解决一行文本居中的最常用办法
* 将a显示成块,块元素的宽度未指定时就等于其父对象的宽度,而a同时也受父级对象的line-height影响,与父级相同
* 清除浮动
一般,我们会单独定义一个负责清除浮动的类,如下:
.cls{clear:both; display:block; height:0px; line-height:0px; overflow:hidden;}
之后在html中添加一个元素,专门负责清除浮动,如下:
<br class="cls" />
这样只需要移动这个<br />在html代码中的位置就可以达到清除它之前的任何浮动影响
* 设置全局属性
一般用
body,ul,li{padding:0px;margin:0px;list-style:none;font-size:12px;font-family:arial,宋体;}
* relative 与 absolute 的区别
绝对定位
将一个定位方式为absolute的元素放置在它的父级元素内,需要满足两个条件:
1.为其本身指定lrtb,
2.父级元素需要指定定位方式,如absolute或relative,当然常用的还是为父级元素指定relative定位。
相对定位
我们似乎觉得定位方式为relative的元素和默认的static元素相比并没有太大的区别,而且relative定位方式还可以通过lrtb来决定元素的位置,确实是这样的,不过很多时候我们不需要通过lrtb来确定元素的位置,而采用padding和margin来解决
如果父级元素指定padding属性,那么相对于父级元素实际内容区域的左上角进行定位,即relative会受到父级元素的padding属性影响
分享到:
相关推荐
css技巧
css技巧12列css技巧12列css技巧12列css技巧12列
css-protips, 帮助你掌握CSS技巧的技巧集合 CSS Protips 帮助你掌握CSS技巧的技巧集合。对于其他优秀列表,请查看 @sindresorhus curated curated列表awesome列表。 table-内容Protips支持插件翻译工具
25个高级CSS技巧教程 有的可能就是你在找的
css技巧描述文档
CSS2中文手册.chm CSS 速成手册.chm css技巧.chm css课件.chm
DIV+CSS技巧知识,常见导航,图片,表单等效果的示例
CSS技巧汇总---div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...).pdf
常见的CSS技巧及常见问题,很全面,是从事这一块的人一个很好的学习资料,教你如何解决学习,工作中常碰到的问题.
20个初学者实用的CSS技巧,让初学者的你更快的实用和了解
本文描述了一些div技巧css技巧,希望对学习这方面知识的朋友有帮助!
10个你未必知道的CSS技巧 很有用
title: 「css技巧」使用hover和attr()定制悬浮提示- 页面「css技巧」使用hover和attr()定制悬浮提示-demoSee the Pe
很多不错的html+css的技巧,可以拿去学习下。
03-00-CSS布局入门 04-01-多级下拉导航 04-01-横向导航系统_CSS布局 04-01-横向导航传统表格HTML代码 04-02-背景高级控制 05-00-排版 06-00-高级技巧 07-00-浏览器兼容
收集的一些CSS小技巧,希望能帮助到你,如果你感觉有用,也请你收藏与分享给你的小伙伴们。
css中文手册+取色器+配色表+04系列字体+CSS的超级技巧 网页设计必备
css 兼容性 技巧 比较全面 对于一些对浏览器细节或者兼容不是很清晰的可以下载来看看.
div+css 主流开发 前台页面布局设计