/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;word-wrap:break-word}
/* line-height的值计算 */
我们常说的单倍行距, 双倍行距等等, 主观上认为是line-height设置的值, 如果量一下实际的效果, 会发现, 两行文本的间距, 并非等于line-height的值. 浏览器计算和分配行间距的方法：
间距 = "line-height" – "font-size";
文本上下分配大小 = 间距/2;
例如： 字号 = 12px; line-height:3;
间距 = 3*12 – 12 = 24(px); 文本上下分配大小 = 24/2 = 12(px)
知识点：line-height的值, 推荐使用数字而非带有单位的值, 如, 推荐使用line-height:2; 不推荐使用 line-height:24px;" 原因在于, line-height:24px;是一个固定的值, 对于任何大小的文本, 都采用这个值来计算行间距. 若文本的字号过大, 会出现重叠的问题. 不带单位的值表示倍数. 自然避免了该问题.
/* Css样式代码重置 */
CSS Reset是什么？
在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE 下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻 烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简 单的说法就是把浏览器提供的默认样式覆盖掉！这就是CSS reset。
为什么要重置它？
因为浏览器的品种很多，每个浏览器的默认样式也是不同的，比如button签，在IE浏览器、Firefox浏览器以及Safari浏 览器中的样式都是不同的，所以，通过重置button标签的CSS属性，然后再将它统一定义，就可以产生相同的显示效果。
- html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,em,p,font,img,small,strong,center,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tr,th,td {
- margin:0;
- padding:0;
- border:0;
- outline:0;
- font-size:12px;
- vertical-align:baseline
- }
- ol,ul {
- list-style:none
- }
- :focus {
- outline:none;
- }
- table {
- border-collapse:collapse;
- border-spacing:0
- }
- caption,th,td {
- text-align:left;
- font-weight:normal
- }
- strong {
- font-weight:600
- }
- a {
- font:12px Arial;
- text-decoration:none;
- color:#404040;
- cursor:pointer;
- }
- a:hover {
- text-decoration:underline;
- color:#FF3300
- }
- h1 {
- font-size:16px;
- font-weight:600;
- color:#666
- }
- .left {
- float:left
- }
- .right {
- float:right
- }
- .clear {
- clear:both
- }
/*相对定位和绝对定位的区别:*/
1、absolute：绝对定位如果父级没有设定相对定位，就是基于body来的定位(缩放浏览器，位置不会改变)，如果父级有相对定位属性，就是根据父级来定位,一般作漂浮层。
2、relative：相对定位一般是相对于相邻元素为基点进行定位
3、fixed: 固定定位是将元素或者背景图定在屏幕，不随滚动条滚动。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
Java 动态代理类