2016-12-22天涯孤雁阅读(6399)评论(2)赞(0)

添加或移除一个DOM元素、修改元素属性和样式类、应用动画效果等操作，都会引起DOM结构的改变，从而导致浏览器需要重新计算每个元素的样式、对页面或其一部分重新布局（多数情况下）。这就是所谓的样式计算。 TL;DR 降低样式选择器的复杂度；使用...

2016-10-31天涯孤雁阅读(11440)评论(2)赞(0)

长期以来，CSS 一直缺乏合适的布局机制。 变形，动画，滤镜，对这门伟大的语言来说都很有用的补充的，但是都没有解决 Web 开发人员一直抱怨的的主要的看起来似乎是永恒的问题。 终于，感谢Flexbox ，我们有了一个解决方案。 查看说明、D...

2016-10-26阅读(12696)评论(1)赞(0)

Flexbox 布局在很大程度上解决了网页布局问题。但是实际使用的时候还是有一定的难度，因为属性太多，应用非常灵活。 注：Flexbox属性具体属性查看 CSS3 Flexbox属性可视化指南这篇文章。 这里给大家介绍一个边玩游戏边...

2016-10-24阅读(38619)评论(11)赞(2)

注： Flexbox布局可以看看去这两篇文章：Flexbox布局（CSS3 弹性布局，Flexible Box）之基本介绍和Flexbox布局（CSS3 弹性布局，Flexible Box）之 基本概念解析 本文翻译自：https:...

2016-10-20阅读(43825)评论(11)赞(1)

HTML的头部内容特别多，有针对SEO的头部信息，也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML 头部标签功...

2016-10-18阅读(15270)评论(0)赞(0)

作为一名WEB开发者，恰当的表示信息是一项重要的工作。正恰当的显示信息一种最常见的方式是通过层次结构表示，回答“先发生什么？”这个问题。 层次可以通过对对象编号表示。在CSS中，除了有序列表<ol></ol>，没有其...

2016-10-08阅读(62176)评论(1)赞(2)

使用表格布局一直是一个敏感的主题。一般情况下，Web开发人员考虑基于表格布局是禁忌。尽管反对的理由看起来证据很充分，但是大多数开发者除了谴责基于表格的布局，都无法提供完善的使用场景。“表格不好。” 从早期反对HTML Table（<t...

2016-09-20阅读(15221)评论(0)赞(0)

什么是CSS伪类？ 通常选择器不能表现HTML元素或属性的状态，我们可以在CSS选择器上添加伪类表示元素的状态、特征。伪类名写在选择器的:冒号后面，必要时可以添加(),例如：#comments:not(:target)。 :target 伪...

2016-05-28阅读(20629)评论(3)赞(0)

首先请了解一下移动前端中 viewport （视口）https://www.html.cn/archives/5975 这里介绍一下几个移动前端适配—低级、无趣、一堆问题的老方法。早在几年前，移动前端适配有几个很简单使用的方法。那时屏幕尺...

2016-04-13阅读(86510)评论(16)赞(0)

最近玩了一下Sass (广告一下Sass中文文档：https://www.html.cn/doc/sass/)，感觉不错，不过CSS3在不同平台兼容性代码一直是个头痛的问题，手写处理费时费力又容易出错。 曾经一直用sublime text...