写点什么

CSS

1 人感兴趣 · 76 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/c2/c218737a9e6ba8e3c8808e0d24a56c82.jpeg?x-oss-process=image/resize,w_416,h_234

CSS 技巧 | 优雅的处理文本溢出截断

用户头像
devpoint8 小时前

文本溢出截断是一个比较常见的场景,如新闻列表页、微博列表、商品列表等,溢出截断主要是为了保证界面的整齐。在《前端开发需要知道的 10 个 CSS 技巧》中有提到过多行文本溢出的处理,本文总结一些优雅的处理文本溢出截断的方法。

https://static001.geekbang.org/infoq/4a/4a3554960b910b9e375a6a2ac2afb139.jpeg?x-oss-process=image/resize,w_416,h_234

前端 CSS 变量简介及基本使用方法

用户头像
编程三昧6 月 14 日

CSS 变量(自定义属性)在某个地方存储一个值,然后在其他许多地方引用它,另一个好处是语义化的标识。

https://static001.geekbang.org/infoq/6f/6f3f9fce29556785604636e1c6b00cbe.jpeg?x-oss-process=image/resize,w_416,h_234

CSS 技巧 | 前端开发需要知道的 10 个 CSS 技巧

用户头像
devpoint6 月 14 日

个人觉得 CSS 是每个前端开发人员都必须掌握的基础,以完成相应的交互和终端设备的响应。在项目开发中,有些容易被忽略的小问题带来项目后期的胶水代码。本文总结一些项目开发中CSS的10个小技巧。

https://static001.geekbang.org/infoq/4b/4b93a2cd5ea51cbde4262e507f94a000.jpeg?x-oss-process=image/resize,w_416,h_234

CSS 选择器总结

用户头像
编程三昧6 月 13 日

CSS 是用于网页设计可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。 希望我们都能够通过 CSS 为自己绘制色彩缤纷的前端生涯!

怒肝最新保姆级前端学习路线,速成贴心全面!

用户头像
程序员鱼皮6 月 7 日

这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。

【得物技术】JS 资源分包

用户头像
得物技术6 月 4 日

在版本更新迭代、新代码上线后,如果用户需要重新从服务器加载全部资源(js、css),肯定会让页面打开变慢,这其实是没有必要的。

iOS 上的 CSS 样式协议 VKCssProtocol

用户头像
iOSer6 月 3 日

早先,写过一阵子RN,前一阵子写微信小程序,深深地觉得CSS这个东西写起来很爽,样式与界面完全隔离,写好一套一套的样式CSS Class然后,在写界面HTML的时候直接对界面元素,无论是什么HTML标签,什么控件,只要指定CSS Class的名字就能自动生效。

https://static001.geekbang.org/infoq/74/7440cee1dee3eb5fcbd7803c98d000ed.jpeg?x-oss-process=image/resize,w_416,h_234

“盒模型“初探

用户头像
编程三昧6 月 3 日

在 CSS 中,所有的元素都被一个个的“盒子(box)”包围着,理解这些“盒子”的基本原理,是我们使用CSS实现准确布局、处理元素排列的关键。

CSS 学习笔记 (一) 选择器

用户头像
U+26474 月 13 日

元素选择器是最基本的选择器。也是最简单的选择器。可以选择某个或者某些标签

https://static001.geekbang.org/infoq/80/808fa5fa131ee05afaf6df8485a35d2f.jpeg?x-oss-process=image/resize,w_416,h_234

用 Stylish 精简极客时间专栏页面

目标是精简掉左侧导航栏的固定的极客时间logo、作者模块、右边内容页的顶部标题栏

https://static001.geekbang.org/infoq/59/59b79e7b91eaf33b3df2351428d29c7b.jpeg?x-oss-process=image/resize,w_416,h_234

我与技术面试那些事儿

用户头像
魔王哪吒2 月 22 日

哪吒人生信条:如果你所学的东西 处于喜欢 才会有强大的动力支撑。

CSS 开发过程中的 20 个快速提升技巧

摘要:本文涵盖了20个CSS技巧,可以解决许多工作中常见的问题, 让你也成为一个CSS高手。

https://static001.geekbang.org/infoq/69/692b8916bfc9d1dfdb8f2aca21f47e1d.jpeg?x-oss-process=image/resize,w_416,h_234

【WOW.js】Animate.css 的黄金搭档

用户头像
学习委员2 月 2 日

WOW.js 是轻量级类库,只依赖 Animate.css。不依赖其他js库。简单实现数种页面动画

https://static001.geekbang.org/infoq/27/27c905bb9f92a045f09ab1ca104768fd.jpeg?x-oss-process=image/resize,w_416,h_234

【Skeleton】按钮

用户头像
学习委员1 月 27 日

Skeleton - 一个只有400多行代码的CSS库

https://static001.geekbang.org/infoq/f5/f59294a07aaf2c398d35de2eeedce040.jpeg?x-oss-process=image/resize,w_416,h_234

【Skeleton】布局

用户头像
学习委员1 月 26 日

一个只有400多行代码的CSS栅格系统。

https://static001.geekbang.org/infoq/b9/b9f1801ee7e0c0a8c1d1974214b71ded.png?x-oss-process=image/resize,w_416,h_234

CSS(四)——CSS 高级特性

用户头像
程序员的时光1 月 25 日

复合选择器包括交集选择器、并集选择器、后代选择器和子选择器等;

https://static001.geekbang.org/infoq/3e/3e896d77f06dc71a7a8c652b46201688.png?x-oss-process=image/resize,w_416,h_234

CSS(三)——简单的网页制作

用户头像
程序员的时光1 月 25 日

通过前面的HTML和CSS的学习,我们现在可以做一个简单的网页;

https://static001.geekbang.org/infoq/65/65644d0686a380a8a5231a4802c15110.jpeg?x-oss-process=image/resize,w_416,h_234

年会游戏:猜数字(前端特效)

用户头像
学习委员1 月 25 日

这个小游戏都是用原生写的,没有引入什么框架和库。因为需要直接双击即可在浏览器打开,不需要配置过多的环境就能使用。

https://static001.geekbang.org/infoq/39/39bb4a1ed79e33b0b1536fb3b1b113a2.jpeg?x-oss-process=image/resize,w_416,h_234

【CSS】页面顶部阴影

用户头像
学习委员1 月 24 日

纯css,利用伪元素实现。不需要使用图片。

https://static001.geekbang.org/infoq/80/803e8654429c7760448640445ba849be.png?x-oss-process=image/resize,w_416,h_234

CSS(二)——CSS 核心基础

用户头像
程序员的时光1 月 24 日

CSS有选择器,然后我们可以在选择器里面添加装饰;

https://static001.geekbang.org/infoq/d5/d5c1a4e26cdd59acf167875c54e7137a.jpeg?x-oss-process=image/resize,w_416,h_234

【CSS】画三角形 (8 个角度及其原理)

用户头像
学习委员1 月 20 日

用CSS画三角形,利用border属性,把一个边设置成看到的样式,其他两边或三边用transparent方法变成透明。

https://static001.geekbang.org/infoq/12/12c086f5eb0b98be3975646c9610de49.jpeg?x-oss-process=image/resize,w_416,h_234

【HTML】<blockquote> 和 <q>

用户头像
学习委员1 月 18 日

<blockquote> 元素用来标记那些会占用一整段比较长的引用。注意下面的例子中的 <p> 元素也被包含在 <blockquote> 元素中。

https://static001.geekbang.org/infoq/52/52d5b344c2565ee8be878ad855c06aa3.jpeg?x-oss-process=image/resize,w_416,h_234

【CSS】多重边框

用户头像
学习委员1 月 17 日

css多重边框的2中实现方式及各自利弊

https://static001.geekbang.org/infoq/2b/2b7eeb0ed044374381fb60bc6745f6d1.jpeg?x-oss-process=image/resize,w_416,h_234

【CSS】文字特效(text-shadow)

用户头像
学习委员1 月 16 日

以下案例都需要有一定的 html 和 css 基础。

CSS ( Cascading Style Sheets )

用户头像
roadup1 月 11 日

层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。

CSS_CSS资料文章-InfoQ写作平台