#新理解

深入理解line-height与vertical-align

  line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系,改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容,本文将主要介绍line-height与vertical-align。本文涉及...

深入理解BFC

定义  在解释BFC之前,先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formattingcontext的首字母缩写,直译过来是格式化上下文,它是页面中的一块渲染区域,有一套渲染规则,决定了其子元素如何布局,以及和其他元素之间的关系和作用。常见的FC有BF...
代码星球 代码星球·2020-05-24

深入理解CSS浮动

  浮动最早的使用是出自<imgsrc="#"align="right">,用于文本环绕图片的排版处理。如今浮动作为CSS中常用的布局方式,本文将就浮动内容做详细介绍和梳理 定义float浮动   浮动元素脱离普通流,然后按照指定方向,向左或者向右移动,碰到父级边界或者另外一个浮动元素停止  值:...
代码星球 代码星球·2020-05-24

深入理解CSS背景

  背景和字体一样,是一个复合属性,而且它是一个使用频率很高的属性。在CSS3中,背景属性在保持以前用法的同时,增加了新的相关属性。本文将详细介绍关于背景的知识 背景颜色  背景色background接受所有合法的颜色,还可以接受一个使背景透明的关键字。关于颜色的设置请移步至此。背景颜色不能继承。其默认值是t...
代码星球 代码星球·2020-05-24

理解CSS前景色和透明度

  颜色的出现让网页不再只是黑白,运用好颜色设计,能让网页增色不少。一个网页给人们留下的第一印象实际上就是它的整体颜色。关于如何设置颜色,请移步CSS的6种颜色模式。实际上,颜色的应用主要分为前景色、背景色和透明三个部分。本文主要介绍前景色和透明度。 color  color前景色  值:<color&...
代码星球 代码星球·2020-05-24

深入理解CSS六种颜色模式

  赏心悦目的颜色搭配让人感到舒服,修改元素颜色的功能让人趋之若鹜。但颜色规划不当,会让网站用户无所适从。颜色从<fontcolor="">发展至今,保留了很多内容,也增加了新的内容,本文将介绍关于颜色模式的内容   以前主要采用关键字、16进制和RGB这三种设置颜色的方式。CSS3出现后,增加了...

深入理解display属性

  display属性在网页布局中非常常见,但经常用到的仅仅是block、inline-block、inline和none等寥寥几个属性值,本文将详细介绍display属性的各个方面   display属性用于规定元素生成的框类型,影响显示方式  值:none|inline|block|inline-bloc...
代码星球 代码星球·2020-05-24

深入理解盒模型

  所有文档元素都生成一个矩形框,这称为元素框(elementbox),它描述了一个元素在文档布局中所占的空间大小。而且,每个框影响着其他元素框的位置和大小宽高  宽度width被定义为从左内边界到右内边界的距离,高度height被定义为从上内边界到下内边界的距离  在CSS中,可以对任何块级元素设置显式高度。如果指定...
代码星球 代码星球·2020-05-24

深入理解伪元素

定义  伪元素顾名思义伪装成元素,但不是元素,这与生成内容相关。生成内容主要指由浏览器创建的内容,而不是由标志或内容来表示。生成内容主要由:before和:after伪元素来实现,当然伪元素还包括:first-line,:first-letter和::selection   用法:first-letter  ...
代码星球 代码星球·2020-05-24

深入理解CSS计数器

  我们对计数器已经不陌生了,有序列表中的列表项标志就是计数器。 创建计数器  创建计数器的基础包括两个方面,一是能重置计数器的起点,二是能将其递增一定的量。counter-resetcounter-reset:none;(默认)counter-reset:<identifier><inte...
代码星球 代码星球·2020-05-24

深入理解HTML表格

  在CSS出现之前,table元素常常用来布局。这种做法在HTML4之后不再推荐使用。而现在有些矫枉过正,使用table展示数据都可能会被说不规范。本文将详细介绍HTML表格table table【默认样式】//IE7-浏览器不支持border-spacingtable{  border-collapse:...
代码星球 代码星球·2020-05-24

深入理解javascript中的事件循环event-loop

  本文将详细介绍javascript中的事件循环event-loop 线程  javascript是单线程的语言,也就是说,同一个时间只能做一件事。而这个单线程的特性,与它的用途有关,作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同...

深入理解javascript函数进阶系列第四篇——惰性函数

  惰性函数表示函数执行的分支只会在函数第一次调用的时候执行,在第一次调用过程中,该函数会被覆盖为另一个按照合适方式执行的函数,这样任何对原函数的调用就不用再经过执行的分支了。本文将详细介绍惰性函数 使用背景  因为各浏览器之间的行为的差异,经常会在函数中包含了大量的if语句,以检查浏览器特性,解决不同浏览器...

深入理解javascript函数进阶系列第三篇——函数节流和函数防抖

  javascript中的函数大多数情况下都是由用户主动调用触发的,除非是函数本身的实现不合理,否则一般不会遇到跟性能相关的问题。但在一些少数情况下,函数的触发不是由用户直接控制的。在这些场景下,函数有可能被非常频繁地调用,而造成大的性能问题。解决性能问题的处理办法就是函数节流和函数防抖。本文将详细介绍函数节流和函数...

深入理解javascript函数进阶系列第二篇——函数柯里化

  函数柯里化currying的概念最早由俄国数学家MosesSchönfinkel发明,而后由著名的数理逻辑学家HaskellCurry将其丰富和发展,currying由此得名。本文将详细介绍函数柯里化(curring) 定义  currying又称部分求值。一个currying的函数首先会接受一...
首页上一页...4647484950...下一页尾页