至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    前端葵花宝典
    HTML/CSS面试题 [1.什么是盒模型](https://www.zihanzy.com/articles/282) [2.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?](https://www.zihanzy.com/articles/283) [3....
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    CSS 水平居中与垂直居中的16个方法
    水平居中 行内元素 .parent{ text-align:center } 块级元素 .son { margin: 0 auto; } 子元素含 float .parent{ width:fit-content; margin:0 auto; } .son { floa...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    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...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    页面导入时,使用link和@import有什么区别
    import 和 link的区别 1、从属关系:link是html的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等;而@import是css的语法,只有导入样式表的作用。 2、加载顺序:页面被加载时,link会和html同时被加...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    简述src和href的区别
    定义 href是`Hypertext Reference`的简写,表示超文本引用, 指向 网络资源所在位置。 常见场景 ` ` `` src是`source`的简写,目的是要把文件 下载 到html页面中去。 常见场景 ` ` `` `` 作用结...
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    行内元素有哪些?块级元素有哪些? 空(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元素...
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    区别和详解:jQuery extend()和jQuery.fn.extend()
    1、认识jQuery extend()和jQuery.fn.extend() jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部代码实现的是相同的,只是功能却不太一样; 且看官方给出解释: jQuery.e...
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    window.onload与$(document).ready()的区别
    区别 window.onload 是在所有数据加载完毕后执行,包含页面内的资源文件,且window.onload只有一个监听回调 $(document).ready 是在页面加载完执行,可以理解为html结构加载完毕(不用等页面资源文件加载)该事件...
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    jQuery实现轮播效果
    HTML结构 Document { padding:0; margin:0; text-decoration: none; } body{ / padding:20px; / }...
  • ...
     前端 浏览(11)  tangzihan ++阅读原文
    jQuery实现回顶部效果
    暴躁滚动 $('html,body').scrollTop(0) 平滑滚动 $(' top').click(function(){ //滚动总距离 var $page = $('html,body') var distance = $('html').scrollTop() + $('body').scro...