CSS 水平居中与垂直居中的16个方法

水平居中 行内元素 .parent{ text-align:center } 块级元素 .son { margin: 0 auto; } 子元素含 float .parent{ width:fit-content; margin:0 auto; } .son { floa...

CSS3有哪些新特性?

新增选择器 p:nth-child（n）{color: rgba（255, 0, 0, 0.75）} 弹性盒模型 display: flex; 多列布局 column-count: 5; 媒体查询 @media （max-width: 480px） {.box: {column-count: 1;}} 个性化字体 @font-face{fo...

页面导入时，使用link和@import有什么区别

import 和 link的区别 1、从属关系：link是html的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等；而@import是css的语法，只有导入样式表的作用。 2、加载顺序：页面被加载时，link会和html同时被加...

简述src和href的区别

定义 href是`Hypertext Reference`的简写，表示超文本引用， 指向 网络资源所在位置。 常见场景 ` ` `` src是`source`的简写，目的是要把文件 下载 到html页面中去。 常见场景 ` ` `` `` 作用结...

行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？

行内元素 行内元素：span，strong，em，br，img，input，label，select，textarea，cite 块级元素 块级元素：div，p，from，ul，li，ol，dl，address，fieldset，hr，menu，table 空（void）元素 void元素...

区别和详解：jQuery extend()和jQuery.fn.extend()

1、认识jQuery extend()和jQuery.fn.extend() jQuery的API手册中，extend方法挂载在jQuery和jQuery.fn两个不同对象上方法，但在jQuery内部代码实现的是相同的，只是功能却不太一样； 且看官方给出解释： jQuery.e...

window.onload与$(document).ready()的区别

区别 window.onload 是在所有数据加载完毕后执行，包含页面内的资源文件，且window.onload只有一个监听回调 $(document).ready 是在页面加载完执行，可以理解为html结构加载完毕（不用等页面资源文件加载）该事件...

jQuery实现轮播效果

HTML结构 Document { padding:0; margin:0; text-decoration: none; } body{ / padding:20px; / }...

jQuery实现回顶部效果

暴躁滚动 $('html,body').scrollTop(0) 平滑滚动 $(' top').click(function(){ //滚动总距离 var $page = $('html,body') var distance = $('html').scrollTop() + $('body').scro...

关于scrollTop()/scrollLeft()兼容问题

在chrome中获取滚动条的垂直偏移 console.log($(document.documentElement).scrollTop()) 但是上面代码在IE中不生效 在IE中是这样获取的 console.log($(document.body).scrollTop()) 要解决两个兼容问题很...