摘要:
本文的内容为使用 HTML 与 CSS 来创建提示工具,提示工具在鼠标移动到指定元素后触发。这个提示工具可以使我们排出的网页增加美感,也可以提升用户的可读性。(提示工具可以四周提示这里只演示上和右,左和下的同理调调距离就可以实现了) 一、提示内容在上面 1<效果图敬上> 2<代码敬上> <!doct 阅读全文
摘要:
这一节,我们来讲规矩,谈网格,做人可以不要脸,不讲规矩,不讲道理(特指傲娇兽),但底线还是要有的,如同网格一样,不能超出。 jeet 这里我们别人封装好的模块,不过呢,我们也会详细介绍一下原理。首先我们安装以下 jeet 框架 npm install --save jeet 这个 jeet 框架有 阅读全文
摘要:
前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》,其中的第二章《Working with relative units》,书中对relative units的讲解和举例可以说相当全面,看完之后发现自己并不太懂CSS相对单位,也希望分享给大家,所以有了这个译文系列。(若 阅读全文
摘要:
上一篇:《CSS世界》笔记一:流/元素/尺寸下一篇:《CSS世界》笔记三:内联元素与对齐 写在前面 在读《CSS世界》第四章之前,粗浅的认为盒模型无非是margin/border/padding/content而已,再多无非在不同box-sizing下的表现不同而已;但是书中记录的替换元素与非替换元 阅读全文
摘要:
本文主要取自于网易云课堂——前端微专业 页面制作github相关代码:https://github.com/Mirror1988... 💪布局解决方案 居中布局 水平居中 父元素与子元素宽度不定 <div class="parent1 parent"> <div class="child1 chi 阅读全文
摘要:
前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》,其中的第二章《Working with relative units》,书中对relative units的讲解和举例可以说相当全面,看完之后发现自己并不太懂CSS相对单位,也希望分享给大家,所以有了这个译文系列。(若 阅读全文
摘要:
图片通常是移动端网页中最占流量的资源。在很多类型的网站中(比如电商、社区),图片占据了网页的大部分空间。优化图片的质量和加载速度成为提高用户体验的重要途径。 传统方案的弊端 目前有一些被广泛应用的方案,例如选择压缩比更高的图片格式、使用雪碧图、HTTP2、CDN等。5年前的一条知乎回答前端开发中,对 阅读全文
摘要:
1.概念 设备像素(device pixel)简写DP 设备像素又称 **物理像素** ,是设备能控制显示的最小单位,我们可以把它看做显示器上的一个点。我们常说的 1920x1080像素分辨率就是用的设备像素单位。 css像素(css pixel) css像素是 **web编程的概念** ,它是 * 阅读全文
摘要:
如何实现如下的这种中间自适应宽度,左右两栏固定宽度布局? 这是一道经典的面试题,常用的方法是:圣杯布局、双飞翼布局。相信看完这篇文章,你就能很清楚的知道什么是圣杯和双飞翼了。 圣杯布局 首先,我们先定义HTML结构: <div class='container'> <div class="middl 阅读全文
摘要:
前言 设计师可以分为如下两类: 先做好设计,然后将内容放入静态框架中 优秀的设计师充分考虑内容的各个方面及其上下文,并创建适合于内容的设计 HTML原生就是响应式的(HTML内容在视口内流式的分布)。随着CSS的广泛应用,设计者创建了许多固定布局的“盒子”并把内容强制的放在盒子之中,这有悖于HTML 阅读全文