cssheight属性(css中line-height的具体用法是什么求教)

本文目录
- css中line-height的具体用法是什么求教
- CSS 里的 height 属性与 line-height 属性有什么区别
- CSS 我不懂这两个地方定义的width和height有什么不同 分别是起到什么作用
- CSS的line-height与height的区别
- css中height和max-height用法上有什么区别
- CSS属性的size与height
- css _height 是标准css 属性 还是只为ie6的东西
css中line-height的具体用法是什么求教
line-height就用来给一行内容的高度设定范围的。
比如说,有一个这样的DIV:
《div style=“line-height:36px;“》《/div》
它的意思就是说,这个DIV里面的每一行文字,占36个像素。
它经常应用在让一些文字居中到一个位置。比如像下面这个:
《div style=“width:50px;height:36px;color:red;background:black;“》《/div》
如果你在这个DIV里面写一行文字的话,它默认是在这个DIV的左上角的。如果你想让它在垂直方向上居中的话,那你就可以再加一个样式,就是line-height:36px;意思是让这里面的文字每一行占36个像素,那么,这行文字的高度正好和那个DIV的高度相同,那文字就会表现出垂直居中的效果了。
不知道说明白没有。
CSS 里的 height 属性与 line-height 属性有什么区别
height是元素自身的高度,line-height则是元素内部文字的行高,比如:
height:100px; line-height:20px; padding:0
表示具有这个样式的元素的高度为100像素,里面的文字行高为20像素(换句话说就是可以排5行文字),内边距为0(如果不为0则元素的高度会被撑大)。
补充说明一下:如果一个元素的height和line-height相同,意味着这行文字在元素中垂直居中(但仅限文字,且只能一行)。
CSS 我不懂这两个地方定义的width和height有什么不同 分别是起到什么作用
img标签内的width和height属性是标签本身自带的属性,而css中的width和height则是外部附加的样式。从优先级来说css的属性比标签自带的属性优先级要高,也就是说如果两者同时存在,那么最终起作用的将是css中的样式属性。
打个比方,你新买一部手机,手机本身会自带有默认设置,也自带有各种内置APP,这些就相当于其自带属性,然后你根据说明书可以修改手机的各种设置,也可以自行下载各种APP(包括覆盖自带的APP),这些就相当于CSS中的样式设置了。
总之,假如img标签以最简单的形式出现:《img src=“123.gif“/》 ,那么它的width和height就是图片(即123.gif)本身的width和height;
而如果是 《img src=“123.gif“ width=“100“ height=“50“ /》,它就会按所设定的width和height来显示(即100*50);
而如果是这样:
《style》img.a {width:200px; height:100px}《/style》
《img class=“a“ src=“123.gif“ width=“100“ height=“50“/》
就会按class指定的css样式来显示(即200*100);
还有一种情况是这样的:
《style》img.a {width:200px; height:100px}《/style》
《img class=“a“ style=“width:300px;height:200px“ src=“123.gif“ width=“100“ height=“50“/》
这时候它会按style属性内设定的样式来显示(即300*200),换句话说就是它的优先级是最最最高的!
CSS的line-height与height的区别
line-height是行高,height就是高,通常height是对于某个框架或者图片来弄的,line-height用于文字
如果要实际效果你可以写一段文字,分好几行,然后对它做line-height属性,就会注意到变化了
比如:
《div style=“line-height:20px;“》abc《br/》abc《br/》abc《br/》abc《br/》abc《br/》《/div》
调整20px这个值,行间距就会发生变化
css中height和max-height用法上有什么区别
height是指容器的当前高度,比如你设置为100PX了
它默认的就是这么高了!但是Max-height是指这个容器的最高的高度,当然在你没把有它的溢出设为隐藏的话,效果没多大区别;但当OVERFLOW这个属性为:hidden的时候
就会有区别了。同样MIN-HEIGHT则为最小的高度。但是我记得好像IE6及更低版本对这个属性不读取!
CSS属性的size与height
一般情况下,比如我们这个知道页面,
font-size小字是12px,中字是14px,只有偶数,奇数不同浏览器解释会有很大误差,
font-height主要是决定行间距,两种写法,一种是写1.5或者1.7,就是默认间距的1.5或者1.7倍;
另外一种写法是直接写像素,一般是22px
css _height 是标准css 属性 还是只为ie6的东西
不是标准的属性,如果你拿_height这样的写法去W3C进行css验证是不会被通过的,
这个是验证的网址http://jigsaw.w3.org/css-validator/,相信它的权威性不用我说了吧,_height这种写法是为了把IE6的height属性与其它的游览器区别开来!也就是说这个东西只有IE6认识,其它的游览器不会认识它!

本文相关文章:
tiger是什么牌子(tiger鞋中文名拼音该怎么拼呢,鬼什么虎)
2026年10月4日 01:20
adobe indesign教程(Adobe InDesign CS4中文版经典教程的内容简介)
2026年9月23日 17:50
cssheight100 无效(css问题,设置的height:auto;无效,设置像素值就有效,没有设置过浮动,)
2026年8月28日 08:50
come up straight(straight和straightly的区别用法)
2026年8月17日 20:40
right join(SQL中left join 与right join、inner join的区别)
2026年7月18日 20:40
更多文章:
majority of(the majority of 和 a majority of的区别以及用法例句)
2026年10月11日 07:40
another time(another time和other time的区别)
2026年10月11日 05:00


