警告:本站服务器将于2020-7-10到期,不再续费,本站如果有大家需要的资料赶紧备份,谢谢!另:我会陆陆续续将本站一些文章放入github上,请关注我。
这6个强大的CSS选择器学会,将真正帮你写出干净的CSS代码!-W3Cbest前端开发

HTML/CSS这6个强大的CSS选择器学会,将真正帮你写出干净的CSS代码!

2020-03-13570 次阅读赞(253)评论(0)

CSS中的选择器用于选择元素并设置其样式。在我们使用其中一个之后,它们可能会非常强大。在本文中,我将引导您通过6个功能强大的CSS选择器,这些选择器将真正帮助您在下一个项目中编写干净的CSS。 1. div >a 这个选择器将使我们能...

使用CSS Grid轻松搞定响应式布局-W3Cbest前端开发

HTML/CSS使用CSS Grid轻松搞定响应式布局

2019-11-18480 次阅读赞(0)评论(0)

在这篇文章中,我将教你如何使用 CSS Grid 来创建一个超酷的图像网格图,它将根据屏幕的宽度来改变列的数量。最精彩的地方在于:所有的响应特性被添加到了一行 css 代码中。这意味着我们不必将 HTML 与丑陋的类名(如col-sm-4,...

CSS3 文本渐变(Gradient Text)-W3Cbest前端开发

HTML/CSSCSS3 文本渐变(Gradient Text)

2019-07-195126 次阅读赞(237)评论(1)

如果你现在刚刚熟悉渐变是什么,我们会在你深入研究更强硬的东西之前为你画画。渐变是具有起点和终点的颜色的渐变 – 因此,线性渐变以一种颜色(如红色)开始,并逐渐沿直线过渡到另一种颜色(如蓝色)。就像我们在线性渐变文章中所说的那样,...

CSS3 径向渐变(Radial Gradients)-W3Cbest前端开发

HTML/CSSCSS3 径向渐变(Radial Gradients)

2019-07-194161 次阅读赞(455)评论(1)

径向渐变由它的中心定义。 为了创建一个径向渐变,你也必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时,你也可以指定渐变的中心、形状(圆形或椭圆形)、大小。默认情况下,渐变的中心是 center(表示在中心点),渐变的形状是...

CSS3 线性渐变(Linear Gradients)-W3Cbest前端开发

HTML/CSSCSS3 线性渐变(Linear Gradients)

2019-07-196633 次阅读赞(131)评论(1)

CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的时间和宽带的使用。此外,渐变效果的元素在放大时...

HTML5语义化开发指南-W3Cbest前端开发

HTML/CSSHTML5语义化开发指南

2019-06-20709 次阅读赞(0)评论(1)

为什么要做 HTML5 语义化 HTML5的主要进步之一是引入了一组标准化的语义元素。 ”语义元素“是用于以更有意义的方式标记文档结构的元素,这种方式可以清楚地表明它们的用途和目的是什么。而且重要的是,由于它们是标准化的,定义文档的这些元素...

display-grid定义一个网格-W3Cbest前端开发

HTML/CSSdisplay-grid定义一个网格

2019-05-22771 次阅读赞(0)评论(1)

要定义网格,请在父元素上使用display: grid或display:inline-grid。然后可以使用grid-template-columns和grid-template-rows属性创建网格。 我使用grid-gap属性在列和行之...

如何有效的学习 CSS-W3Cbest前端开发

HTML/CSS如何有效的学习 CSS

2019-05-193924 次阅读赞(1566)评论(1)

很多人想让我给他们推荐有关CSS部分的教程,或者问我如何学习CSS。 我也看到很多人对CSS的部分内容感到困惑,一部分原因是由于对语言的过时认识。 鉴于CSS在过去几年中发生了相当大的变化,这是一个更新知识的好时机。 即使CSS只是你所做工...

CSS Grid VS Flexbox:实用比较-W3Cbest前端开发

HTML/CSSCSS Grid VS Flexbox:实用比较

2019-04-25838 次阅读赞(0)评论(1)

不久以前,所有 HTML 页面的布局还都是通过 tables、floats 以及其他的 CSS 属性来完成的。面对复杂页面的布局,却没有很好的办法。 然而 Flexbox 的出现,便轻松的解决了复杂的 Web 布局。它是一种专注于创建稳定的...

10个有趣的JavaScript和CSS库-W3Cbest前端开发

HTML/CSS10个有趣的JavaScript和CSS库

2019-04-101584 次阅读赞(0)评论(1)

Cube.js 强大的开源框架,用于开发复杂的,定制的分析系统。由前端SDK和API后端组成,适用于大多数数据库,包括MySQL,Postreges和MongoDB。 Water.css 一个just-add-css框架,它可以应用样式而无...