CSS
文章平均质量分 67
felix930
这个作者很懒,什么都没留下…
展开
-
CSS计数器的使用
CSS计数器最初只能用于ul和ol元素,但在CSS2.1中新增的:before、:after伪类选择器和::before、::after伪元素选择器可以使CSS计数器应用于任何一个元素。 一、和CSS计数器相关的属性或函数常用的和CSS计数器相关的属性或函数有counter-reset、counter-increment、content、counter()、counters().counter-r原创 2016-06-29 01:22:26 · 1138 阅读 · 0 评论 -
块级元素文本垂直居中方法
块级元素的居中有如下解决方案:一、使用line-height样式<style> div { width: 300px; height: 200px; background: lightgray; line-height: 200px; /* line-height值与元素高度值保持一致 */ }</style><d原创 2016-06-28 20:00:38 · 5092 阅读 · 0 评论 -
溢出文本自动带省略号省略(text-overflow: ellipsis;)的方法
使用text:overflow: ellipsis;的样式可以将溢出的文本自动裁剪,同时将裁剪部分标注为半个省略号。使用方法如下:<style> div { width: 200px; background: lightgray; text-overflow: ellipsis; white-space: nowrap;原创 2016-06-28 11:59:36 · 1112 阅读 · 0 评论 -
CSS Position属性的学习
position属性真是萌新杀手T_T,参照谁定位?谁又脱离了文档流?理解了好长时间才摸清了一些门路。现在就对CSS position属性及HTML中有关定位的知识做一次梳理和总结。 一、从position属性的四个值说起1.static默认定位(或者说没有定位)position: static;static是position属性的默认值,代表“没有定位”,即元素出现在正常的文档流中。如果规定了某原创 2016-07-01 01:14:27 · 1179 阅读 · 0 评论 -
CSS中的em单位
CSS中有众多单位,常用的px是绝对单位,em则是相对单位。在响应式和移动端的大前提下,使用em能够更方便快捷的一次性调整web文档极其HTML元素的字体大小、宽度、边距、边框等一系列属性,可以说在某些方面,使用em作为单位比px更灵活。 一、什么是em1.em的长度em是CSS中的一个相对单位,它的单位长度是根据元素的文本垂直长度来决定的。可以作用在width、height、line-heigh原创 2016-07-07 16:20:44 · 15391 阅读 · 0 评论 -
CSS3中的rem单位
rem是CSS3新引入的单位,它改良了往期版本中em单位使用不方便的缺点。(如果想了解em单位的更多信息,可以查看之前的文章:CSS中的em单位)一、em单位带来的问题我们知道,em的长度是根据元素自身的font-size大小来确定的:1em = 元素中文本的1个垂直高度如果元素自身没有设置font-size,那么em的长度将根据父元素的font-size来确定。另外,元素自身的font-size如原创 2016-07-07 17:24:39 · 2892 阅读 · 1 评论