CSS的伪类与伪元素 HTML

CSS的伪类与伪元素

伪类存在的意义是为了通过选择器找到那些不存在于DOM树中的信息以及不能被常规CSS选择器获取到的信息。其由一个冒号:开头,冒号后面是伪类的名称和包含在圆括号中的可选参数。任何常规选择器...
阅读全文
前端开发规范有哪些 HTML

前端开发规范有哪些

说道开发规范,相信很多人都可能有话要说。对于开发规范,有些人了解,有些人不了解。所以,我们应该时常去看看那些优秀开发人员的代码,这样不但能查漏补缺,而且还能够学习一下他们编写代码时的开...
阅读全文
等高布局的实现方式 HTML

等高布局的实现方式

对于前端开发人员来说,面试中常被问到的布局方式通常有等高布局和圣杯布局、双飞翼布局。对于不同的布局方式,其要求也是有区别的。笔者很少在项目中碰到这三种布局,尽管如此,我们还是有必要了解...
阅读全文
如何让子元素决定父元素的宽 HTML

如何让子元素决定父元素的宽

移动端这几年的发展可谓突飞猛进。随着移动端市场份额的增加,移动端开发在互联网公司中所占的比重也会越来越大。在移动端屏幕宽度有限的前提下,我们却要应付各种五花八门的布局。在这个过程,有些...
阅读全文
如何让一个元素居中 HTML

如何让一个元素居中

在平时编写网页的过程中,元素居中应该是网页布局中非常常见的一种CSS效果。对于元素居中常见的有这三种:水平居中、垂直居中、水平垂直居中。 对于块级元素的水平居中,我们常常借助marin...
阅读全文
CSS预处理器 HTML

CSS预处理器

随着前端技术的发展,CSS也在发生着些许改变。由于CSS本身的一些局限性,没法像编程语言那样使用变量、条件语句等进行编程化编写。因此,就有人开始思考能不能给CSS加入一些编程元素,让C...
阅读全文
清除浮动的方法 HTML

清除浮动的方法

在弹性布局还没有出现之前,元素浮动是我们经常用到的一种布局方式。因为浮动可以让元素脱离文档流,基于这个特性,我们可以制作出一些个性化的布局。 万物都具有两面性,浮动的好处的是使元素脱离...
阅读全文
自适应页面的方形元素 HTML

自适应页面的方形元素

有时我们会遇到这样的需求,制作一个自适应页面的方形元素,这时我们就要借助百分比进行布局了。如果我们在布局的过程中不做处理采用常规的布局,往往得到的结果并不是我们想要的。原因在于:高度的...
阅读全文
强大的CSS选择器 HTML

强大的CSS选择器

选择器可以说是CSS的核心。从最初的通配符*、元素、id、class选择器,过渡到伪元素以及CSS3中提供的丰富的伪类、属性选择器,让我们在选取网页中的元素变得越发的简便、快捷。 平时...
阅读全文
如何优化CSS样式重置 HTML

如何优化CSS样式重置

说到样式重置,不得不提一个符号——星号(*|专业称呼叫“通配符”)。为什么要提到通配符,因为这个符号的作用是巨大的,它代表了HTML里面任意一个标签。也正因为这样,很多人喜欢用通配符做...
阅读全文