CSS实现文字一行居中,多行左对齐

其实这种需求还是蛮常见的。主要用于产品列表页面,用于产品图片下面,显示产品的名称。但是其纯CSS实现实在是烧脑,一般就放掉这个需求,或者,使用JS实现。 但是,我坚信这一定能用纯CSS来解决!!我为什么如此信念笃定呢?因为我多年前在蓝色理想论坛见到过高手解决过!!! 好吧。我实在是找不到这个帖子了,万能的百度没能给我解决方案。我只能自己想办法了。 [hermit auto=”1″ loop=R...

read more..

一个适合移动端的checkbox

最近写了一个适合移动端的checkbox,如图: ps:中间的勾勾是iconfont,iOS风格的。 具体的HTML:   默认未选中   默认选中   橘黄色 checkbox-orange   绿色 checkbox-green   禁用 CSS代码(SCSS导出的,排版有些奇怪): .mui-checkbox { -webkit-appearance: none; position: relative; width: 25px; height: 25px; margin-right: 10px; backgr...

read more..

纯CSS 实现radio checkbox样式美化

  我们知道CSS 是不能直接定义radio 标签和checkbox 标签的样式,但是默认的实在是太丑了,总要想办法来美化美化这货的。强大的CSS选择器可以帮助我们来实现美化。 首先我们看我们美化过的 再回顾下默认样式 可以亲自点一下! .demo--label{margin:20px 20px 0 0;display:inline-block} .demo--radio{display:none} .demo--radioInput{background-color:#fff;border:1px solid rgba(0,0,0,0.15);bor...

read more..

HTML head 头标签

HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义以及使用场景。 DOCT...

read more..