前端
关注
分享
扫一扫
Spider_man_
这个作者很懒，什么都没留下…
展开
-
css3学习一些效果（一）
文章目录一.css三角的做法二.溢出文字省略号显示三.css3实现过渡效果（transition）一.css三角的做法原理将盒子设置为宽高为0，border值设置，每个边就有三角的效果。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ margi原创 2020-11-03 20:54:28 · 441 阅读 · 1 评论 -
css选择器权重介绍
选择器与伪元素的权重情况：高权重的选择会覆盖低权重的展示样式选择器 表达式或示例 说明 权重 行内选择器 style="" 1000 id选择器 #aaa 100 类选择器 .aaa 10 标签选择器 h1 元素的tagname 1 属性选择器 img[alt]、div[class^='pus'] 10 相邻选择器 selecter...原创 2020-10-27 09:28:05 · 302 阅读 · 0 评论 -
实现图片懒加载
1.原理大家都知道，一张图片就是一个<img>标签，而图片的来源主要是src属性。浏览器是否发起亲求就是根据是否有src属性决定的。既然这样，那么我们就要对<img>标签的src属性下手了，在没进入可视区域的时候，我们先不给这个<img>标签赋src属性，这样岂不是浏览器就不会发送请求了。总结：我们知道了从<img>标签下手，那么更重要的就是可视区域的判断了2.实现参考https://blog.csdn.net/w1418899532/ar原创 2020-10-25 23:16:36 · 396 阅读 · 0 评论 -
js，jquery实现分页效果
1，原生js实现<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>js实现原生分页</title> <style type="text/css"> ul li{ ma原创 2020-10-25 18:41:35 · 636 阅读 · 0 评论