关键字:图片
  • 浏览器缓存策略
    image 最近在对项目做 IE 11 兼容,由 IE 的缓存问题,引发我对于浏览器缓存策略的思考。 缓存类型 web缓存主要可以分为下面几类: 客户端缓存 服务端缓存 数据库缓存 这里我们主要关注客户端,也就是浏览器缓存。 浏览器和服务 ...
  • 【综合篇】浏览器的工作原理:浏览器幕后揭秘
    web(给达达前端加星标,提升前端技能)​ 了解浏览器是如何工作的,能够让你站在更高的角度去理解前端浏览器的发展历程的三大路线,第一是应用程序web化,第二是web应用移动化,第三是web操作系统化。是不是有点不直白。应用程序web化就是随 ...
  • web前端入门到实战:css排版常用样式、三种不同html类型、css布局盒模型介绍
    把CSS样式与网页编排通过网页排版中主要格式化要素实现网页实用性与欣赏性相结合,实现出设计效果。 字体:div{font-family: "Microsoft Yahei";}为网页中的文字设置字体为微软雅黑,这里注意不要设置不常用的字体, ...
  • web前端入门到实战:行内和块状元素水平居中与单行或多行文本垂直居中及隐性改变display类型
    行内元素水平居中如何设置?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。 1 2 3 4 ...
  • web前端入门到实战:table中cesllspacing与cellpadding的区别
    table是什么?它是由一个个cell单元格构成的,在表格中,的个数取决于每行中包裹的cell单元格个数!此外,默认table表格在没有添加css样式table tr td,th ...
  • web前端入门到实战:强力推荐的18种CSS命名和书写规范
    选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以“g”为开头。如“g-content”和“g-header”; 与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”; 与元件相关的样式以“m”为开头。如“m ...
  • H5 拖放 - 学习
    前言 一个典型的drag操作是这样开始的:用户用鼠标选中一个可拖动的(draggable)元素,移动鼠标到一个可放置的(droppable)元素,然后释放鼠标。 在操作期间,会触发一些事件类型,有一些事件类型可能会被多次触发 第一部分 在拖 ...
  • 关于前端原生JS上传文件(图片,excel等)
    有关于前端上传文件这块,回想起来,发现和大多数人一样,都是直接用UI 组件库或者UI 框架。思考了一下,如果用原生的js去写上传图片,该怎么做呢?很简单的问题,我竟然犹豫了。。。只记是要通过 去上传 ...
  • web前端入门到实战:css元素居中指南,细节决定成败!
    一、元素分类 首先要知道元素分三种:内联元素(行内元素)、块级元素、内联块级元素。 1、内联(行内)元素 可与其他元素占一行 高、行高、内外边距不可更改 宽度为内容所占宽度,不可更改 容纳文本或其他行内元素 2、块级元素 独占一行 高、行高 ...
  • web前端入门到实战:CSS3 简单的砸金蛋样式
    实现样式: 1、鼠标移入后,鼠标样式图标变为“锤子”。 2、用户砸金蛋,锤子简单的扬起效果。 3、砸碎金蛋,显示内容。 分析实现步骤: 1、在html中插入一颗金蛋 找一张静态图片或带一点效果的动态图,直接放入img标签即可。 2、鼠标移入 ...

暂无数据