美烦资源网

专注技术文章分享,涵盖编程教程、IT 资源与前沿资讯

使用这些不太常用的CSS属性,布局效率上又提高了一个层次

有很多CSS属性,有些人不了解,或者他们了解它们,但是忘记在需要时使用它们。其实,有时候我们用 JavaScript 来实某些交互,CSS 一个属性就能搞定了,这可以大大节约我们编码的时间。

作为前端开发人员,我们经常会遇到这样的事情。所以我问自己,为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 CSS 属性?

在本文中,我将介绍一些不一样的CSS属性,希望能给你带来点新鲜感,废话不多说,让我们开始吧。

CSS 中 display,visiblity及 overflow 的作用和区别

很多人在使用 CSS 时,对 Display, Visibility 和 Overflow 三个属性的理解并不是很清晰,这里就对这三个属性做一下分析,对应三个属性在使用时的区别.

Display

display 用来设置或检索对象是否及如何显示。

  • display: none

display 属性为 none 时,隐藏标签对象。不会为对象保留其位置空间,它下面所在的元素会被自动上移占有被隐藏标签位置。

Canvas 绘图模糊问题解析

初次使用 canvas 来绘图的小伙伴可能遇到过绘制出来的图像模糊不清的情况

我们先一起来绘制一个矩形

<body>

<style>
canvas {background: #eee;}
</style>
<canvas id="canvas" width="200" height="200"></canvas>

<script>
const canvas = document.getElementById('canvas')
const ctx = canvas.getContext('2d')

ctx.strokeStyle = '#000'
ctx.lineWidth = 1
ctx.strokeRect(10, 10, 100, 100)
</script>

</body>

2022年了,你需要知道CSS的Calc和自定义属性

当大多数人想到在 Web 上进行计算时,他们会想到 JavaScript。考虑到 JavaScript 是 Web 的主要编程语言,这是有道理的,但是如果我告诉你,你可以只用 CSS 进行相当复杂的计算。老实说,它非常神奇且无限有用。

7个Axure使用小技巧

编辑导读:对于 Axure原型工具,很少有产品经过系统学习,一般都是直接上手,边摸索边学习,这直接导致很多快捷操作被忽视。笔者在日常工作中总结出以下小技巧,希望对各位有帮助。

之前整理了2期Axure的使用技巧,大约有36个技巧,具体可查看下边的文章:

产品必会的Axure使用技巧(第一弹)

涅磐重生般炫丽,Windows 10全方位评测

2015-07-29 12:01:00 作者:马荣

经过了漫长的研发,微软最新的操作系统Windows 10终于正式完整地展现在用户面前了。那么相信大家当下最关心的一个问题就是,Win10到底是个什么样的系统?尽管有着多场发布会、多个预览版的轮番曝光,但是这些碎片化的信息还是很难拼凑出一个完整的印象,所以我们今天就带来了Windows 10的360度全方位评测,看看这套新系统究竟有哪些不一样。

回归的开始菜单好用吗?

关于元素CSS高度的5个概念,一次性搞清楚它们

一次分清clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop概念:

clientHeight:可视的,看得见的部分,content+padding;

offsetHeight:在clientHeight基础上,添加“”边框“”,即content+padding+margin;

scrollTop:超过clientHeight“顶部界线”的部分,即看不见的、已经 滚动出去 的部分;

微软已修复,Win10/Win11被曝MSHTML零日漏洞

IT之家 7 月 11 日消息,微软公司在 7 月补丁星期二发布的 Windows 10、Windows 11 系统累积更新中,修复了追踪编号为 CVE-2024-38112 的零日漏洞。

该零日漏洞由 Check Point Research 的安全专家李海飞(Haifei Li,音译)于 2023 年 1 月发现,是一个高度严重的 MHTML 欺骗问题,有证据表明有黑客在过去 18 个月里,利用该漏洞发起恶意攻击,可以绕过 Windows 10、Windows 11 系统的安全功能。

理解CSS中的百分比单位:相对尺寸的核心规则

在CSS中,百分比(`%`)是一种灵活且强大的相对单位,但其具体行为常让开发者感到困惑。本文将深入解析百分比单位的计算规则,帮助你彻底掌握其背后的逻辑。

一、百分比的核心:参考系(包含块)

百分比的值始终相对于其元素的参考系,即CSS规范中的包含块(Containing Block)。参考系的定义分为两种情况:

掌握这些CSS知识点,Coding如飞

许多入门学前端的同学,或是准备面试的同学都会去死记硬背一些前端知识点,笔者也是这么经历过来的,但却不推荐这种囫囵吞枣、不求甚解的学习方式,因为这样会走很多弯路,属于“应试”学习,我们更应该的是从基础到复杂,从表象到原理的角度却思考学习,才能熟练掌握技能。

<< < 13 14 15 16 17 18 19 20 21 22 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言