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

1、Web前端开发链接: http://pan.baidu.com/s/1dEJA3gH2、HTML5教程

点击加入网页制作交流群视频地址：https://edu.51cto.com/course/799.html001.了解html002.开发环境准备003.认识html的组成结构004.网页布局之切切豆腐005.css控制div显示006.浮动布局007.清除浮动008.实战首页布局009.新手常犯的错误010.盒模型011.盒模型之margin讲解012.margin首页实战013.盒模型之...

.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;}/*只对中文起作用，...

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

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

<!--[if lte IE 6]><![endif]-->IE6及其以下版本可见 <!--[if lte IE 7]><![endif]-->IE7及其以下版本可见 <!--[if IE 6]><![endif]-->只有IE6版本可见 <!--[if !IE]><![e...

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