瓶颈_html/css_WEB-ITnose-html教程-PHP中文网

个人体会

大大的观点

dl, dt, dd三个标签浏览器默认margin值多少？是否有标签默认文字粗体？

line-height:150%和line-height:1.5的区别是？

line-height

float为何会让外部容器高度塌陷？这是bug？

首页

web前端

html教程

瓶颈_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:44 AM

瓶颈

很喜欢张鑫旭大大的博客，一直看了很长世间，最近状态有点不对，又回去看了他的说说CSS学习中的瓶颈这篇博客。

个人体会

先说说个人体会吧。前端最基础的就是html、css和js，个人的理解是html是骨骼，css是衣服，js是动作。所以写好html结构是最最基础的。而css的入门也是很容易的

position的relative,absolute，

浮动，清除浮动，

盒子模型，弹性盒子

css精灵

刚开始做前端的时候感觉每天都是新的，每天都在接触新的知识，到后来每个月都是新的，看一些别人写的效果，框架，自己来使用。到现在觉得有点浮躁了，没有以前那么快的学习到新的东西了。

大大的观点

回到大大的这篇博客中，自己现在的情况大概就是大大所说瓶颈1吧。。。这篇文章真的很值得一看，我自己很久没有写东西了，所以表达能力现在都不行了，现在在努力的写博客中。

言归正传，现在来回答下大大提的几个问题：

dl, dt, dd三个标签浏览器默认margin值多少？是否有标签默认文字粗体？

dl {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}dt {display: block;}dd {display: block;-webkit-margin-start: 40px;}

登录后复制

这是自己写的一个demo在chrome里面复制粘贴的，其实dt是没有默认的margin值得，这些东西自己真的没有去关注过，惭愧。。。

line-height:150%和line-height:1.5的区别是？

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title>    <style type="text/css">    div{ font-size:16px;line-height: 150%;}    p{        font-size: 30px;    }    </style></head><body>    <div>        <p>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦</p>    </div></body></html>

登录后复制

line-height

line-height:15px 父元素设置以px为单位的line-heigh，子元素继承其line-height，不会随着自身font-size改变而改变
line-height:150% 父元素设置百分比的line-height，子元素的line-height=父元素的font-size*父元素line-height的值，不会随着子元素font-size的改变而改变
line-height:1.5 父元素设置数值的line-height，子元素的line-height=子元素的font-size*父元素的line-height，会随着子元素font-size的改变而改变

可以改变上面demo的line-height看效果

float为何会让外部容器高度塌陷？这是bug？

一丝大大的那些年我们一起清除过的浮动

p.s.这好像是上个星期还是上上星期的东西了，写了一半没写完，然后放一边了，先发出来吧，还有“ vertical-align的表现为何在IE7, IE8, IE9下表现不尽相同?其中的渲染机制是?”这个问题没写，下次补。

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7328

Java教程

1626

CakePHP 教程

1350

Laravel 教程

1262

PHP教程

1209

显示更多

Related knowledge

公众号网页更新缓存难题：如何避免版本更新后旧缓存影响用户体验？ Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存，这玩意儿，说简单也简单，说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章，结果用户打开还是老版本，这滋味，谁受得了？这篇文章，咱就来扒一扒这背后的弯弯绕绕，以及如何优雅地解决这个问题。读完之后，你就能轻松应对各种缓存难题，让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存，说白了就是浏览器或者服务器为了提高访问速度，把一些静态资源（比如图片、CSS、JS）或者页面内容存储起来。下次访问时，直接从缓存里取，不用再重新下载，速度自然快。但这玩意儿，也是个双刃剑。新版本上线，