分类: CSS

2790 1

CSS中使用数字作为类名或ID

刚才群里有位群友 css 中字体大小定义不起作用。最后发现是类名用数字开头的。 以前自己写代码也没有用数字开头的习惯,所以一直没发现这问题。感谢“♂ -ing”指出。 研究了下,发现W3C中有这么条规定: > In CSS, identifiers (including element names, classes, and IDs in selectors) can co...
- 阅读全文 -
1408 0

文字超出宽度的CSS隐藏方法

overflow: hidden; text-overflow:ellipsis; white-space:nowrap; text-overflow:ellipsis 指当对象文本溢出时显示省略号标记(…)text-overflow:clip 是默认取值,不会显示省略标记(…),而是裁切掉多余内容。注意:在CSS代码中这3个定义一定要一起用,而且一...
- 阅读全文 -
1259 0

三种纯CSS实现三角形的方法

看到像上图这样的 tip 的小三角,你会怎么办?切个图上去?恩,不错,简单,兼容性也一级棒,不但好控制,那点小东西也增加不了多少图片的大小。但有没有更好更讲究技巧的办法呢?哈哈,那必须有啊,而且还不止一种呢:)纯 CSS 做三角形的方法,目前我知道三种,分别是利用 border 属性,“◆”字符,和 CSS3 transfrom 做 45 度旋转实现的,CS...
- 阅读全文 -
1245 0

常见浏览器兼容性问题与解决方案

IE低版本的一般兼容处理: 其他浏览器开发测试完成之后再针对ie6修改。 只维持IE6下最低程度的“正确”:不丢字、排版不出大的错位、重要功能不丢失。 不追求样式一致。小的尺寸错误不管,样式不好IE6兼容的就退化处理。 IE6下响应式也牺牲掉,只保证浏览器宽度够宽的时候说得过去就行。甚至可以把响应式的布局,IE6下通通退化成传统的px定宽布局。...
- 阅读全文 -
1157 0

段落首行缩进两个字符

段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。  <style ty...
- 阅读全文 -
1135 0

CSS中的星号(*)

CSS里有两种使用星号(*)的情况,一种是以星号(*)开头没有命名名称的CSS选择器;另一种是在CSS选择器里以星号(*)开头的CSS属性。这两种情况星号(*)的具体区别与用法:1、CSS星号(*)选择器例如: *{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }  这里的...
- 阅读全文 -