随笔分类 -  html

sticky footer布局
摘要：sticky footer布局：当头部区块和内容区块内容较少时，页脚能固定在屏幕的底部，而非随着文档流排布；当页面内容较多时，页脚能随着文档流自动撑开，显示在页面的最底部 使用flex布局实现 .wrapper { display: flex; flex-direction: column; ove 阅读全文
posted @ 2021-12-21 17:23 Mr、DIVE 阅读(36) 评论(0) 推荐(0)
[css] 怎么让英文单词的首字母大写？
摘要：<html> <head> <style type="text/css"> h1 {text-transform: uppercase} p.uppercase {text-transform: uppercase} p.lowercase {text-transform: lowercase} p 阅读全文
posted @ 2021-12-13 10:24 Mr、DIVE 阅读(206) 评论(0) 推荐(0)
前端性能优化方案,取自前端优化-雅虎军规35条
摘要：yingnian/Yahoo-35: 前端优化-雅虎军规35条 (github.com) 阅读全文
posted @ 2021-12-01 15:52 Mr、DIVE 阅读(19) 评论(0) 推荐(0)
居中对齐
摘要：cursor: pointer; justify-content: center; align-items: center; display: flex !important; 阅读全文
posted @ 2021-11-25 15:49 Mr、DIVE 阅读(133) 评论(0) 推荐(0)
十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出...）
摘要：转载保存； (16条消息) 十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出...）_前端仙人的博客-CSDN博客 阅读全文
posted @ 2021-11-23 10:39 Mr、DIVE 阅读(52) 评论(0) 推荐(0)
HTTP状态码
摘要：HTTP状态码 当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。 HTTP状态码的英文为HTTP Status Code。 下面是常见的HTTP状态码 阅读全文
posted @ 2021-09-10 11:28 Mr、DIVE 阅读(57) 评论(0) 推荐(0)
iframe跨域通信
摘要：目的：系统A的indexA.html页面，用iframe的形式集成系统B的indexB.html页面方法1：使用使用 HTML5 postMessage。(强烈推荐)postMessage可以实现跨文档消息传输（Cross Document Messaging），Internet Explorer 阅读全文
posted @ 2020-06-02 16:04 Mr、DIVE 阅读(598) 评论(0) 推荐(0)
返回顶部
摘要：goreturn.onclick=function(){ document.documentElement.scrollTop = document.body.scrollTop = 0; }; 阅读全文
posted @ 2019-12-30 10:28 Mr、DIVE 阅读(157) 评论(0) 推荐(0)
隐藏滚动条
摘要：body::-webkit-scrollbar { display: none; } body { -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: 阅读全文
posted @ 2019-12-16 10:31 Mr、DIVE 阅读(173) 评论(0) 推荐(0)
web页面前图标
摘要：学习教父bestcsdn,浏览器的选项卡标题前有时会有一个图标，在head标签对之间加入<link rel="shortcut icon" href="favicon.ico" /> ，将link rel设置为shortcut icon这个值，然后在href设置好路径就可以了，如favicon.ht 阅读全文
posted @ 2019-01-21 15:23 Mr、DIVE 阅读(254) 评论(0) 推荐(0)