CSS
粥粥周周舟舟
正在前端之路上磕磕绊绊地走,加油!gitHub: https://github.com/Zhouzhouzzz/
展开
-
【CSS】实现单行溢出加点,三角形以及圆形
三角形预览地址:https://codepen.io/Zhouzhouzzz/pen/dBNbry<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body> <d...原创 2019-06-20 16:35:17 · 407 阅读 · 0 评论 -
【CSS】选择器举例
(最近遇到了一个优秀的人,真的是深深地为自己的不优秀脑壳疼,好好学习吧!)一个简单的html例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...原创 2019-06-17 23:05:48 · 639 阅读 · 0 评论 -
【CSS】CSS浮动和定位小结
http://fgm.cc/learn/ 实例索引控制div属性GitHub Pages: https://zhouzhouzzz.github.io/have-a-try-one/divStyleControl改变style属性的三种方式var div = document.getElementById("styleChange");//第一种 CSS属性对应的style属性f...原创 2019-03-10 22:40:54 · 364 阅读 · 0 评论 -
【CSS】实现元素水平居中和垂直居中的几种方式和示例
1. 水平居中1.1 内联元素水平居中利用 text-align: center 可以实现在块级元素内部的内联元素水平居中。<div class="center-text"> <p>我是内联元素</p></div>.center-text { text-align: center; }1.2 块级元素水平居中通过把固定...原创 2019-08-21 16:10:23 · 800 阅读 · 0 评论 -
【Web】多读书多看报
你不知道的浏览器页面渲染机制 https://juejin.im/post/5ca0c0abe51d4553a942c17d原创 2019-08-26 18:57:42 · 158 阅读 · 0 评论 -
【PRACTICE】GitHub榜单移动端页面技术总结
预览地址https://zhouzhouzzz.github.io/GitHubTopList/GitHubList.html原创 2019-09-07 17:33:46 · 284 阅读 · 0 评论 -
【JS】懒加载和瀑布流
懒加载当打开一个有很多图片的页面时,先只加载页面上看到的图片,等滚动到页面下面时,再加载所需的图片。这就是图片懒加载。为了防止页面一次性向服务器发送大量请求,导致服务器响应面,页面卡顿崩溃,从而减少或延迟请求数,缓解浏览器的压力,增强用户体验。原理:设置图片src属性为同一张图片,同时自定义一个data-src属性来存储图片的真实地址页面初始化显示的时候或者浏览器发生滚动的时候判断图片是...原创 2019-09-16 21:58:35 · 410 阅读 · 0 评论