css中a标签伪类如何使用
1、书写顺序必须是访问前link，访问后visited，鼠标移动hover，鼠标点击active。 注意：伪类的权重是一样的，后写的层次先写。 2、通常将访问前后的状态设置为相同的效果。 保证了页面的统一性...
CSS设计模式之ITCSS的介绍
1、ITCSS和SMACSS其实很像，SMACSS是对CSS做分类处理，而ITCSS是对CSS做分层处理。 2、分层是纵向的，从上往下，层层关联的。 分层：七层 与SMACSS区别：层次分得更细 我们可以看到最上层是 Set...
css首行缩进text-indent的实现
元素的首行不会自动缩进的，如果使用 ；来代替，会出现很多冗余代码。 1、可以使用text-indent来实现文字缩进的效果。 2、缩进值的大小应该为字体大小的两倍，想要缩进几个字符，就把缩...
css文字间距的使用
1、letter-spacing是字母间距，每一个汉字和每一个英文字母被当做一个字。 2、word-spacing是单词间距，只针对英文单词。 一般说来，这两个属性常用于英文网站，在中文站中应用较少。 实例 <...
css文本修饰text-decoration的使用
在 HTML 中，可以使用 s 标签、u 标签来实现文字的划线效果，但是为了保证结构与样式分离的原则，一般使用 CSS 来实现样式，提高代码的可读性和可维护性； 1、超链接默认带下划线，可以用text-d...
javascript中debugger的应用场景
1、逻辑复杂的算法。 如果你刷过leetcode，你会有很深的理解。算法中的一个测试用例是错误的，有时很难通过目测找到有问题的方法。 2、复制步骤非常繁琐的bug。 花了10分钟终于重现了，但是只跟...
css中flex是什么
1、flex是flexible的缩写，意思为弹性布局，用来为盒模型提供灵活性。 任何一个容器都可以指定为 flex 布局(包括行内元素) 2、利用flex实现居中布局，实现简易的弹性伸缩布局。 实例 <style&...
css边距重叠是什么
1、边界重叠是指两个或两个以上盒子的相邻边界重合在一起，构成单一边界。 可以相邻也可以嵌套，其中没有非空内容、补白、边框。 .neighbor{ height:100px; background:red; } .father{ backgro...
css overflow属性有什么用
1、配合浮动父容器，解决父容器高度塌陷的问题。 2、利用overflow扩展盒子高度，overflow属性可以触发浏览器重新计算父元素盒子高度。 实例 <!DOCTYPEhtml> <html> <head> &l...
css中z-index属性
1、z-index属性值：当默认值为0时，z-index属性可以设置各元素之间的重叠关系。 2、z-index值大的层位于其值小的层之上。 实例 div{ position:relative; width:100px; height:100px; } p{ posit...
