HTML
Amy o-O
这个作者很懒,什么都没留下…
展开
-
如何给html头部的title添加icon
在title标签的最前面加一个 link标签<link href="img/iconImg.png" rel="shortcut icon">原创 2017-12-07 10:55:38 · 8040 阅读 · 0 评论 -
CSS盒模型的理解
在面试中,我们常被问到CSS的盒模型,那么今天我们就来聊聊这个东东。概念:页面渲染是,DOM元素所采用的布局模型,可以通过 box-sizing 来进行设置。分类:标准盒模型IE盒模型width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。width 和 height 指的是内容区域+bord...原创 2019-04-11 16:11:05 · 277 阅读 · 0 评论 -
聊一聊 本地存储那些事儿
前端本地存储用得最多3种方式:cookie , sessionStorage , localStorage1.关于cookie :服务器与浏览器之间来回传递,储存大小不能超过4K,同时每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识,cookie只在设置的cookie过期时间之前一直有效,在所有同源窗口中都是共享的。document.cookie=…...原创 2019-03-26 10:42:24 · 304 阅读 · 0 评论 -
H5离线存储 Manifest
理解:离线存储可以将站点的文件储存在本地,在没有网络的情况下还是可以访问到存储的对应的站点的页面,这些文件可以包括html,js,css,img等等文件。但其实即使在有网络的时候,浏览器也会优先使用已离线存储的文件。什么是Manifest:Manifest是一个简单的 文本文件,它的扩展名是任意的,定义需要缓存的文件、资源,当第一次打开时,浏览器会自动缓存相应的资源。Manifes...原创 2018-12-05 14:16:38 · 948 阅读 · 0 评论 -
CSS3中的content字符编码,content小的icon地址
.myCheck + label{ display: inline-block; background-color: white; border-radius: 2px; border:1px solid #d3d3d3; width:20px; height:20px; line-height: 20px; margin-right: 10px; text-a...转载 2018-09-03 10:15:11 · 1449 阅读 · 0 评论 -
关于 rem在移动端横屏竖屏的适配问题
function setRem(){ var is_horizontal = 1, remNum = 13.34, c_width; if(request('is_horizontal')){ is_horizontal = request('is_horizontal'); } if(is_horizontal == 0){ rem...原创 2018-08-27 11:33:02 · 2225 阅读 · 0 评论 -
CSS 相对定位和绝对定位
通常情况下,元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中, 这个时候给这个元素设置的left,right,bottom,top偏移量以及z-index属性都是没有作用的。relative 相对定位如果说我对某元素设置了相对定位,那么首先这个元素他会跟其它的元素一样,出现在文档流中它该出现的位置,然后,我们可以设置它的水平或垂直偏移量,让这个元...原创 2018-06-29 10:38:17 · 1059 阅读 · 0 评论 -
CSS Grid 栅格布局
简介栅格布局能将网页分成简单属性的行和列; Grid(网格) 模块为 display 属性提供了一个新的值:grid。当你将任何元素的 display 属性设置为 grid 时,那么这个元素就是一个 网格容器(grid container),它的所有直接子元素就成了 网格项(grid items)。举个栗子: 制作一个九宫格的布局展示: 第一步:HTML ...原创 2018-06-27 17:06:05 · 4636 阅读 · 0 评论 -
重绘与回流
很多面试都会问到的问题,那么说起这两个概念,首先先了解一下,浏览器对一个页面对渲染过程。了解URL的解析过程1.用户输入URL地址,浏览器根据域名查找IP地址2.浏览器向服务器发送HTTP请求3.服务器接受请求,根据请求返回相应的HTML代码,返回给浏览器4.浏览器接受到服务器的相应结果,对页面做解析渲染浏览器的解析过程1,根据服务器返回的html编码进行解析,构建相...原创 2018-06-13 22:35:34 · 776 阅读 · 0 评论