Css

回到首页

DXY Tech&Product Division


关于 vertical-align的一些试验

前言 关于 vertical-align,我们很容易想到,这不就是告诉我们元素在纵向上和什么对齐的属性吗?看似很简单的定义,在实战使用时却总是不

查看更多…

Normalize.css学习


Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。

综述

由于不同浏览器渲染Html元素时的各种默认样式不同,导致渲染页面时效果不一致,css Reset正是为了解决这一问题出现的。但是 css Reset 的激进派的,完全去掉浏览器默认的样式。 所有的样式都由自己实现,即使跟浏览器默认样式一致。

而Normalize.css是改良派,依赖于研究浏览器默认元素风格之间的差异,精确定位需要重置的样式。

查看更多…

rem 的使用


背景:

最近因为调查问卷的需求,需要在移动端整体缩放页面,故考虑使用 rem 。

简介:

px 相对于显示器屏幕分辨率而言的。

em 相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

rem 相对于根元素的字体大小的单位。

查看更多…

CSS 自定义滚动条

最近遇到的一个需求,由于移动端空间有限,表格不能完整显示,为了让用户知道可以通过左右滑动来查看表格的完整信息,PM 希望能模拟一个水平滚动条来提醒用户。具体需求如下(或者您也可以查看线上实例,丁香诊所 → 医疗团队 → 排班信息):

查看更多…

处理移动端文章两端对齐的一点微小经验

最近处理了一个移动端的文章详情页面,产品的需求是要做到正文区块内的内容能够两端对齐。

在这里分享实现过程中一点微小的经验。

查看更多…

CSS哲学伪命题

标题党。这篇文章断断续续的修改过好几次,也没有满意,本来是想总结一下我这些零散的 CSS 知识结构,可能由于知识体系不全面,总是没能把知识点串联成一

查看更多…

分类

文章列表

关于 vertical-align的一些试验
Normalize.css学习
rem 的使用
CSS 自定义滚动条
处理移动端文章两端对齐的一点微小经验
TOP