首页 相关文章 CSS常用技巧十则

CSS常用技巧十则

1. Block和inline元素对比

所有的HTML元素都属于block和inline之一。
block元素的特点是:
总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
div, p, h1, form, ul 和 li是块元素的例子。

相反地,inline元素的特点是:
和其他元素都在一行上;
高,行高及顶和底边距不可改变;
宽度就是它的文字或图片的宽度,不可改变。
span, a, label, input, img, strong 和em是inline元素的例子。

用display: inline 或display: block命令就可以改变一个元素的这一特性。什么时候需要改变这一属性呢?
让一个inline元素从新行开始;
让块元素和其他元素保持在一行上;
控制inline元素的宽度(对导航条特别有用);
控制inline元素的高度;
...[ 查看全文 ]

2016-02-19 标签:

CSS常用技巧十则的相关文章

手机页面
收藏网站 回到头部