CSS

CSS 颜色 hsl 和 shla

CSS 颜色 hsl 和 shla

用的比较少,当科普一下好了。 使用方法: shl(h, s, l); shla(h, s, l, a); 参数: H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 &#8211[ 浏览更多… ]

CSS 实现中文首行缩进两个字符

CSS 实现中文首行缩进两个字符

使用 text-indent 对文本进行缩进,特别是中文文章排版需要首行缩进两个汉字。 使用方法: p{ text-indent: 2em; } em有如下特点: 1. em的值并不是固定的; 2. em会继承父级元素的字体大小。 所以在使[ 浏览更多… ]

纯CSS实现三角形标签样式

纯CSS实现三角形标签样式

纯CSS实现,可以用来做一些类似特价标签等提示信息标签。 右下直角三角形(Triangle Bottom Right): .triangle-bottomright { width: 0; height: 0; border-bottom:[ 浏览更多… ]

CSS 边框虚线 dotted 和 dashed 的区别

CSS 边框虚线 dotted 和 dashed 的区别

都是虚线,dotted 和 dashed 有什么不同?简单来说,dashed 是由破折号组成的虚线;而 dotted 是由点组成的虚线。 直接看示例最直接,具体效果如下: 这里上下是点虚线,左右是破折号虚线: background-colo[ 浏览更多… ]

CSS3 align-self 属性

CSS3 align-self 属性

align-self 属性规定灵活容器内被选中项目的对齐方式。 align-self 属性可重写灵活容器的 align-items 属性。 JavaScript 语法: object.style.alignSelf=”cente[ 浏览更多… ]

CSS3 线性渐变 linear-gradient 的使用

CSS3 线性渐变 linear-gradient 的使用

CSS3 定义了两种类型的渐变(gradients): 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 径向渐变(Radial Gradients)- 由它们的中心定义   本文主要讨论的是线性渐[ 浏览更多… ]

CSS3 多列 – 拯救文字排版

CSS3 多列 – 拯救文字排版

很多时候,我们更习惯报纸、杂志的排版方式,这样阅读起来比较不吃力;如何实现文章这样的排版,CSS3 的多列布局模块(column-*)很轻易地帮我们解决这个问题,拯救我们的文字排版; 以下是比较常用到的属性: column-count 属性[ 浏览更多… ]

CSS 链接

CSS 链接

通过CSS,链接可以以不同的形式表现。 链接有四种状态: a:link – 一般状态 a:visited – 已浏览状态 a:hover – 鼠标悬浮时的状态 a:active – 鼠标点击时[ 浏览更多… ]

解决 CSS 的居中问题

解决 CSS 的居中问题

水平居中:   1)、使用水平居中属性定义水平居中: text-align:center; 无法在各浏览器显示一致!   2)、使用边界属性定义水平居中: margin:0 auto; 垂直居中:   1)、使[ 浏览更多… ]

Free WordPress Themes