前言 最近整理了一下以前学习前端的笔记,发现自己对移动 web 端屏幕适配(rem)这一块并没有真正理解,只是会用。接下来,把自己的一些对移动 web 端屏幕适配(rem)的思考记录下来。 rem 介绍 rem 表示根元…
分类:html
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
1、meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面 <meta http-equiv="refresh" content="0.1; url=http://baidu…
HTML5常用标签分类
HTML5常用标签分类 标签(空格分隔): HTML 前端开发 [TOC] 一.HTML文档标签 <!DOCTYPE>: 定义文档类型. <html>: 定义HTML文档. <head>…
让footer固定在页面(视口)底部
让footer固定在页面(视口)底部(CSS-Sticky-Footer) 这是一个让网站footer固定在浏览器(页面内容小于浏览器高度时)/页面底部的技巧。由HTML和CSS实现,没有令人讨厌的hacks。所以这就能…
canvas 元素的 offsetWidth
正在做的一个项目用到了canvas,根据 canvas 元素的样式大小、window.devicePixelRatio 动态设置 canvas 元素的 width 和 height 。 但是发现 canvas 元素的 o…
CSS中的包裹性
之前一直都知道css中的部分元素具有包裹性,今天写博客的时候正好也遇到了一个,所以想总结一下,有错误的地方欢迎指出来。 什么是包裹性? 包裹性就是父元素的宽度会收缩到和内部元素宽度一样。 哪些元素具有包裹性? 就我已知的…
webkit内核浏览器自定义滚动条样式
CSS ::-webkit-scrollbar { /* 1 */ } ::-webkit-scrollbar-button { /* 2 */ } ::-webkit-scrollbar-track { /* 3 */…
HTML5中canvas实现小球击打小方块游戏
源代码:http://download.csdn.net/detail/liumingm… 游戏开发流程: 1、创建画布: 将画布放在div标签里面,这样可以控制画布居中的位置,再对div标签加上一些样式比如…
::before和::after的详细介绍
原文传送门: https://www.cnblogs.com/staro… 一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target…
HTML-语义类标签
如何理解HTML语义化? 所谓的语义主要分成两个部分 为了让人更容易读懂 让机器更容易读懂 让人更容易读懂 对于人来说,代码可读性、语义化就是一个非常广泛的概念了,例如定义 JS 变量的时候使用更易读懂的名称,定义 CS…
bootstrap
主页面: <div class="modal" id="modal-operate"> <div class="modal-dialog modal-lg"> <div class="mod…
第五第六天
2019.4/4 大概六个小时?不想记时间了感觉= =感觉好像对我没啥影响 今天学到了什么? 盒模型 浮动 编码规范 尝试了一下提交代码到github 今天遇到了什么问题,以及情况 其实是好多天之前看的内容了,但是今天才…