如何让background在img标签的上面?

今天写了一个页面,客户要求在图片上面增加一个背景图片,刚开始感觉还挺不好写,遂百度之:

从布局看css基础

学习css的主要目的是为了记住各种属性么?NO,最重要的是理解css的定位机制与盒子模型。

Webpack入门教程

什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeSc…

Git使用过程中常见的错误

发现学会了一项技能后用的机会并不多,今天需要在Github里面传一些源码,所以又重新使用了,总是记不住命令,还好之前做过笔记...

零基础学习Sass

Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。 Sass 能够提供更简洁、更优雅...

Git 远程仓库

学习的Git的小伙伴估计都已经注册Gitthub账号了,如果没有注册,可以先自行注册一个Gitthub账号,这样就可以免费获得Git远程仓库。

Git 操作及常用命令

今天写这篇文章主要是记录自己学习 Git 过程中遇见的各种命令操作,Git 是什么?Git 是目前世界上最先进的分布式版本控制系统(没有之一)。

HTML meta标签介绍

我们在做前端开发的时候,在head部分会发现有很多meta标签,今天就来详细的总结下我们常用到的一些meta标签。

手把手打造电商平台

需求拆分原则 单个迭代不宜太大 需求可交付,能够形成功能闭环 有成本意识,遵循二八原则 有预期的价值体现 提炼核心需求     架构设计–…

伪元素:after和:before的深入理解

许小珂今天看了一篇之前看过的关于利用伪元素:after和:before制作小三角的简述,因为没代码,只是说利用伪元素可以制作出三角形,当时并没有仔细研究。

移动web开发之viewport的深入理解

在桌面上,视口的宽度等同于浏览器窗口的宽度,高度即为浏览器窗口的高度。而在浏览器宽度通常为240px~640px的移动设备上也这样做的话,则布局会出现很大的问题。

移动开发之像素的深入理解

许小珂在写这篇文章之前还没想好用什么标题,文章写了一大半了依然感觉写的挺乱的。权当是把自己的一些个人感悟进行下总结。

px像素和em相对单位之深入理解

最近许小珂在研究响应式布局,我们都知道px代表像素的意思。在css中我们一般使用px作为单位,在桌面浏览器css的1个像素往往都是对应着电脑屏幕的1个物理像素。

如何使用媒体查询(Media Queries)

最近许小珂在研究响应式布局,说到响应式布局就不得不提媒体查询,那么Media Queries是如何使用的? 媒体查询的两种方式 一种是直接在link中判断设备的尺寸,然…

CSS 媒体类型介绍大全

媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。

关于网页自适应百分比单位的使用

许小珂最近在研究自适应布局,深入研究让许小珂确实对css的属性的理解的更深刻了。今天就来介绍一下网页自适应所使用的百分比单位,希望能解大家的迷惑。