开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
LeoXu的个人页面 - 开源中国社区
技能积分 2063
活跃积分 290
粉丝 106
加入于 2012/02/02 最近登录:02/14 17:17
LeoXu 1个月前
BEM 命名约定 每个团队都有不同的方式来编写 CSS 选择器。有一些团队使用连字符分割,也有其他的则喜欢使用被称为 BEM 的更加结构化的命名约定。 通常,CSS 命名约定要试着去解决如下三个问题: 只要看一眼名称,...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
使用连字符分割的字符串 如果你写过许多 JavaScript 代码的话,那么使用驼峰式来写变量就是家常便饭了: var redBox = document.getElementById('...') 很不错,对不? 问题是这种形式的命名不是很适合 CSS。 ...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
发布了一篇翻译 Learn CSS Flexbox in 5 Minutes
在我们结束本文之前,我想要提一提,flex 属性其实是三个属性的一个简写:这三个属性是 flex-grow、flex-shrink 和 flex-basis。 不过,要学会它们耗时超过了5分钟,因此它超出了教程的范围。 如果你对学习它们...
@oschina
在本篇文章中你将会学习到 CSS Flexbox 的基础知识,而这些知识在过去这些年已经变成了网页开发者的必备技能。 我们将会使用一个导航条作为示例,因为它是 Flexbox 的典型使用场景。这里会向你介绍其模块的最常被...
LeoXu 1个月前
发布了一篇翻译 Learn CSS Flexbox in 5 Minutes
flex 属性 到目前位置,我们只是有几个固定宽度的项目。如果我们想要它们自适应宽度呢?为了实现这个想法我们有了被叫做 flex 的属性。它使用起来比起用百分比这种古老方法要简单得多。 我们会简单地锁定所有的项...
@oschina
在本篇文章中你将会学习到 CSS Flexbox 的基础知识,而这些知识在过去这些年已经变成了网页开发者的必备技能。 我们将会使用一个导航条作为示例,因为它是 Flexbox 的典型使用场景。这里会向你介绍其模块的最常被...
LeoXu 1个月前
发布了一篇翻译 Learn CSS Flexbox in 5 Minutes
控制单个项目 我们也可以对单个项目进行控制。我们假设如果想要保持前面的两个项目在左边,而把退出按钮移动到右边。 要这样做,我们会将 margin 设置成 auto ,这是一个不错的古老技术。 .logout {     mar...
@oschina
在本篇文章中你将会学习到 CSS Flexbox 的基础知识,而这些知识在过去这些年已经变成了网页开发者的必备技能。 我们将会使用一个导航条作为示例,因为它是 Flexbox 的典型使用场景。这里会向你介绍其模块的最常被...
LeoXu 1个月前
发布了一篇翻译 Learn CSS Flexbox in 5 Minutes
对齐内容和对齐项目 Justify-content 和 align-items 是两个 CSS 属性,它们可以帮助我们来安排容器中项目的位置。他们控制着项目是如何沿着主轴和横轴来定位的。 在我们这个案例中主轴是水平方向的,而横轴则...
@oschina
在本篇文章中你将会学习到 CSS Flexbox 的基础知识,而这些知识在过去这些年已经变成了网页开发者的必备技能。 我们将会使用一个导航条作为示例,因为它是 Flexbox 的典型使用场景。这里会向你介绍其模块的最常被...
LeoXu 1个月前
发布了一篇翻译 Learn CSS Flexbox in 5 Minutes
你的第一个 Flexbox 布局 一个 Flexbox 布局有两个主要的组件,就是容器(container)和项目(items)。 如下是我们的示例的 HTML ,里面包含了一个容器和三个项目: <nav class="container">   <div>Home</di...
@oschina
在本篇文章中你将会学习到 CSS Flexbox 的基础知识,而这些知识在过去这些年已经变成了网页开发者的必备技能。 我们将会使用一个导航条作为示例,因为它是 Flexbox 的典型使用场景。这里会向你介绍其模块的最常被...
LeoXu 1个月前
发布了一篇翻译 Learn CSS Flexbox in 5 Minutes
在本篇文章中你将会学习到 CSS Flexbox 的基础知识,而这些知识在过去这些年已经变成了网页开发者的必备技能。 我们将会使用一个导航条作为示例,因为它是 Flexbox 的典型使用场景。这里会向你介绍其模块的最常被...
@oschina
在本篇文章中你将会学习到 CSS Flexbox 的基础知识,而这些知识在过去这些年已经变成了网页开发者的必备技能。 我们将会使用一个导航条作为示例,因为它是 Flexbox 的典型使用场景。这里会向你介绍其模块的最常被...
LeoXu 1个月前
Vue Vue 在 2017 年已经成了 React 一个非常受欢迎的可替代选项。它们都利用了虚拟 DOM ,并且都是基于组件且超轻量级的。在 JavaScript 2017 调查的描述中,Vue 被列为Angular 1 和 React 之后第三个最常被使用...
@oschina
2017 是一个前端 Web 开发年。 像 React 和 Angular 这样的框架,继续在社区中享有大规模的支持,但是,新的候选者 Vue ,人气也很旺。Webpack 依旧是构建的首选工具,NPM 仍旧是系统选择包的工具。WebAssembly 以...
顶部
×
动弹一下 还可以输入5
单图/多图
网络图片
上传图片
9 张,还能上传 9
  • +
发布
×
设置备注名:
保存
用户尚未登录,点击这里登录