刚才群里有位群友 css 中字体大小定义不起作用。最后发现是类名用数字开头的。以前自己写代码也没有用数字开头的习惯，所以一直没发现这问题。感谢“♂ -ing”指出。研究了下，发现W3C中有这么条规定：In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the...
- 阅读全文 -
.overWidth {
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
}text-overflow:ellipsis 指当对象文本溢出时显示省略号标记(…)text-overflow:clip 是默认取值，不会显示省略标记(…)，而是裁切掉多余内容。</p...
- 阅读全文 -
①给容器加CSS：.容器class{float:left;}②给容器加CSS：.容器class{overflow:hidden}③给容器加CSS：.容器class{display:table}④给容器加CSS：.容器class:after{ content:"."; height:0; visibility:hidden;&...
- 阅读全文 -
看到像上图这样的 tip 的小三角，你会怎么办？切个图上去？恩，不错，简单，兼容性也一级棒，不但好控制，那点小东西也增加不了多少图片的大小。但有没有更好更讲究技巧的办法呢？哈哈，那必须有啊，而且还不止一种呢：）纯 CSS 做三角形的方法，目前我知道三种，分别是利用 border 属性，“◆”字符，和 CSS3 transfrom 做 45 度旋转实现的，CS...
- 阅读全文 -
p1{ word-break:break-all; width:150px;}/*只对英文起作用，以字母作为换行依据*/.p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用，以单词作为换行依据*/.p3{white-space:pre-wrap; width:150px;}/*只对中文起作用，...
- 阅读全文 -
段落前面空两个字的距离，不要再使用空格了，用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。
<style ty...
- 阅读全文 -
CSS里有两种使用星号(*)的情况,一种是以星号(*)开头没有命名名称的CSS选择器；另一种是在CSS选择器里以星号(*)开头的CSS属性。这两种情况星号(*)的具体区别与用法：1、CSS星号(*)选择器例如：
*{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
这里的...
- 阅读全文 -
颜色
英文名
RGB
16进制
Snow
255 250 250
#FFFAFA
GhostWhite
248 248 255
#F8F8FF
WhiteSmoke
245 245 245
...
- 阅读全文 -
在网页中， 不管是英文还是中文， 经常会涉及到文本对齐的问题， 最常见的就是文本左侧对齐， 右侧由于多方面原因(中文中由于某些特殊字符占位字节不同或者英文中由于单词字母数量不同，)会导致右侧无法实现完美的对齐。只需要加入text-justify:inter-ideograph; text-align:justify;便可...
- 阅读全文 -
