伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。 :Pseudo-classes : :Pseudo-elements 但因为兼容性的问题，所以现在大部分还是统一的单冒号，但...

2018-06-24 02:12:22

!--css基础之块级元素和内联元素 块级元素的特点：1.占一整行。 2.是一个矩形。 3.可定义宽度和高度，内边距，外边距等。 4.其display属性默认为block。 内联元素的特点：1.并不占一整行，可并排。 2.依附于其他块级元素存在，如果只有内联元素，则依附body存在,body也...

2018-06-24 02:12:07

overflow属性 如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条，是否隐藏溢出部分等行为，规定当内容溢出元素框时发生的事情。 可能的值有： visible ：默认值。内容不会被修剪，会呈现在元素框之外。 hidden ：内容会被修剪，并且...

2018-06-24 02:12:11

最终效果：http://www.cnblogs.com/xuyiqing/p/8274912.html article_detail.html: ! DOCTYPE html html head lang ="en" meta charset ="UTF-8" title / title link rel ="stylesheet" href ="/static/plugins/bootstrap/css/bootstrap.css" / link rel ="stylesheet"...

2018-06-24 02:11:49

通过之前总结水平居中与垂直居中的基本方法，梳理垂直水平同时居中的方法就没有那么乱了。 text-align：center + line-height 如下图，div2中用text-align+line-height实现单行文本水平垂直居中。 也可以将div2设置为inline-block实现div垂直水平居中。 text-align：ce...

2018-06-24 02:12:07

1. 使用 video 元素的 ControlList API video controls controlsList ="nodownload" / video 通过 ControList API，不仅可以通过设置 nodownload 来隐藏下载按钮，还可以设置 nofullscreen 隐藏全屏按钮, 以及 noremoteplayback 等属性，具体的示例可以参考 github pag...

2018-06-24 02:12:06

昨天总结了css中水平居中的方法，今天来总结一下css中实现垂直居中的方法。 line-height line-height用于实现单行文本的垂直居中，如下图中，我们要求单行文本垂直居中，只需要将div2设置行高line-height和height的值相同即可，也可以不用设置高度，因为单行文本的行高...

2018-06-24 02:12:01

一般阿里社招都是招3-5年的P6+高级工程师，当初自己一年经验也没有想过有这个面试机会。 虽然没想着换工作，但是经常关注一些招聘网站的信息，某一天，在某boss上有个人找我，叫我发一下简历，我一看是阿里的某技术专家，虽然之前也有阿里的在某boss上给我要简历，但是...

2018-06-24 02:11:54

Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端...

2018-06-24 02:11:55

在编写代码的时候，可能会对代码加以说明。 当然这个说明不是给浏览器看的，而是便于开发者阅读。 浏览器不会显示注释的内容，也不会对网页结构造成影响。 注释的结构: !--注释内容-- 注释是以!--开始，以--结束，中间是注释的内容。 代码实例: !DOCTYPE htmlhtmlheadm...

2018-06-24 02:11:52