关键字:自适应
  • 关于响应式设计
    欢迎移步 一句话概括响应式网页设计 如果要用一句话概括响应式网页设计,我觉得它是针对任意设备对网页内容进行完美布局的一种显示机制。 响应式网页设计这个术语还有一堆表示相同意思的其他叫法,如流式设计、弹性布局、塑料布局、流体设计、自适应布局、 ...
  • 前端适配—rem
    rem是相对于根元素<html>,浏览器默认html的fontSize为16px,所以1rem就是16px。假如设置html的fontsize为100px,那么1rem就是100px。所以我们可以动态设定html的fontsize值。 关键 ...
  • 前端基础——页面架构
    1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式,并且不同的浏览器默认的样式不同,而通常我们的产品设计中样式都是不同于浏览器默认样式的,所以我们在开发中经常要去覆盖默认的样式,针对不同的浏览器 ...
  • 注意了,有关学习前端的一些“坑”,别踩!
    都记录一些有关前端方面的冷知识或者一些易踩坑点,防止大家踩坑。JavaScript所有对象都有 __proto__ 属性,都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...
  • 以鼠标为核心展开的前端需求
    前端以鼠标事件为核心展开的需求,大概就是现在做的线上批改这样的功能。 基本上就是下面几个点。 修改鼠标的形状 通过 cursor 中的 url 把鼠标换成图片的样子。引入图片后,此时点击后获取到的坐标是图片的左上角坐标,所以要让图片以中心点 ...
  • web前端入门到实战:圣杯布局和双飞翼布局
    稍微了解前端的人都知道,圣杯布局和双飞翼布局是前端面试时必问的问题,因为它既能体现你懂HTML结构又能体现出你对DIV+CSS布局的掌握,毕竟我们学习CSS主要就是为了更好地布局带来最好的用户体验嘛~ 事实上,圣杯布局其实和双飞翼布局是一回 ...
  • web前端入门到实战:CSS里的BFC和IFC的用法
    一、BFC Block Formatting Contexts (BFC,块级格式化上下文),就是 一个块级元素 的渲染显示规则。 (可以把 BFC 理解为一个封闭的大箱子,容器里面的子元素不会影响到外面的元素)。 1、BFC的布局规则例如 ...
  • 学web前端开发写给新手的建议,超实用
    随着互联网的发展,Web前端开发成为目前最火热的岗位。Web前端开发的技术知识也是在不断更新,致使Web前端开发工作变得越来要复杂;以前,只要会编写HTML, CSS 和Java就能够找到一份不错的前端开发工作。而现在,web开发远远不止是 ...
  • web前端入门到实战:CSS实现自适应分隔线的 8 种方法
    1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;,然后给定两个伪元素,分别绝对定位,那么此时伪元素也是跟随着水平居中的,设置足够的宽度,然后把左边的往左位移1 ...
  • web前端入门到实战:css重点知识和bug解决方法
    1.图片向下撑大3像素问题 在一个盒子里面放一张图片,默认情况下,图片会向下撑大3像素,有以下几种解决方法: 1.1给图片添加display:block; 1.2给图片添加float:left; 1.3 给图片添加vertical-alig ...

暂无数据