写css的一些小技巧
来源:互联网 发布:郑州网络布线 编辑:程序博客网 时间:2024/06/06 13:58
主要是一些开发中用到的小tips,记录下来不要忘记
1、在用ul做横向导航栏的时候会遇见左边出现莫名其妙的空白的现象
如图:
上面的样式
.header-navBox ul{ //padding: 0;}.header-navBox li{ list-style-type:none; float:left;}当然li里面是<a>标签,要想把左边的空白去掉,在ul上面设置padding:0;就行了,默认<ul>的padding是不为0的。
2,关于设置line-height
如上图,font-size=14px;要达到行距为10px
则设置 line-height:24px;
这样的话,字体垂直居中,
多出来的10px平均分给上下两个方向,相当于设置了每行字的margin-top和margin-bottom为5px;上下两行之间的margin加起来为10px;
只是上图红色与紫色区域多出来5px
如果计算的时候不要忘记。
3,关于按钮
(1)、<div class="b"><a></a></div>
(2)、<a class="b"></a>
.b{
text-decoration: none;
}
情况为2时点击过后下划线会失效
0 0
- 写css的一些小技巧
- LaTeX 写学术论文的一些小技巧
- 一些CSS相关的小技巧
- css+div 的一些小技巧
- 一些CSS兼容的小技巧
- css学习的一些小技巧
- 一些CSS方面的小技巧
- css 一些会用到的小技巧
- 一些css小技巧收藏
- CSS中的一些小技巧
- oj系统上写代码的一些小技巧
- 写自动化测试工具的一些小技巧
- oj系统上写代码的一些小技巧
- oj系统上写代码的一些小技巧
- 写代码过程中一些优化的小技巧。
- 一些css有关处理浏览器兼容问题上的小技巧
- css+div开发网站的一些小技巧
- 关于提供CSS渲染速度的一些小技巧
- SWT、Swing 和 AWT 介绍
- 串口调试助手
- 堆排序
- 【转】java.nio.ByteBuffer 类 缓冲区
- MyEclipse2014 常用设置以及优化
- 写css的一些小技巧
- 二分-1100
- UIWebView 实现图片适应屏幕的宽度 文字内容的大小不变
- Javascript之parseInt注意事项一例
- 二分-0011
- Android 学习笔记之十 Listview 优化原理
- Android学习十二周_Android性能优化
- 图像算法研究---索引图像旋转缩放锯齿问题
- perl 类里的函数调用其他类的函数