小知识点
文章平均质量分 53
瞄了个猫
这个作者很懒,什么都没留下…
展开
-
HTML head 头标签详细解答
HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义以及使转载 2016-08-23 16:46:22 · 575 阅读 · 0 评论 -
WEB调试工具,神奇的console
在浏览器面板按F12就可以进入调试界面,里面的很多功能对前段开发用处很大。Element:主要是用来调试网页中的html标签代码和css样式代码Network:查看网页的http通信情况,包括Method、Type、Timeline(网络请求的时间响应情况)等Source:查看JS文件、调试JS代码Timeline:查看js的执行时间,页面元素渲染时间等Profiles:用来查看网页的性能,比如CP翻译 2016-08-31 15:06:08 · 2979 阅读 · 1 评论 -
HTML元素之间有间隙原因以及解决办法
产生原因:空白间隙主要出现在行内元素中(如li、img),是由于换行符、tab(制表符)、空格等不可见字符引起的。解决办法:(1)删除行内元素之间的换行符、tab(制表符)、空格等字符,写代码的时候,在li之间不要有间隙,可以把代码格式化,放在一行显示。(2)给父辈元素设置font-size:0;该方法需要重新给元素单独设置字体大小属性。(3)更改代码书写方式原创 2016-11-14 14:51:53 · 7356 阅读 · 2 评论 -
display的block、none、inline属性及解释
display:block的作用:让被隐藏的块级元素显示出来,一般是相对于diplay:none;使用的比较常用于a、span这两个标签——因为这两个标签非块元素,如果不用display:block;定义一下,那么定义width、height等和长宽相关的css属性时会发现完全不生效。display:block不换行的办法: 设置display属性为inline-block,则不会换行原创 2016-08-21 17:53:21 · 2823 阅读 · 0 评论 -
Flex布局做出自适应页面--语法和案例
本文发布在:github项目地址:https://github.com/tenadolanter/flex-layout-demoSegmentFault地址:https://segmentfault.com/a/1190000012916949/CSDN地址:http://blog.csdn.net/qq_34648000/article/details/79115294博客原创 2018-01-20 16:55:04 · 44137 阅读 · 4 评论