摩帆士

摘要：项目中关于文本溢出省略号显示的两种解决方案:1、关于固定宽度的文本折行。 主要样式：text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 一定要指定固定宽度。2、自适应布局（table）td中文本折行。 需要给table加上一个样式： table-layout:fixed。 保证每个td不会随着内容超出td宽度被撑开。 比如给td设定: width:40%。 则需要在td中再多套一层块级元素，比如p，然后给p设置宽度，自适应td的宽度。 p的样式：width: 100%; text-overflow: ell... 阅读全文

摘要：1.jQuery平滑回到顶端效果Javascript代码$(document).ready(function() { $("a.topLink").click(function() { $("html, body").animate({ scrollTop: $($(this).attr("href")).offset().top + "px" }, { duration: 500, easing: "swing" }); retu... 阅读全文

摘要：chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。看代码：取消chrome下input和textarea的聚焦边框：input,button,select,textarea{outline:none}取消chrome下textarea可拖动放大：textarea{resize:none}最后，写在一起，重置input和textarea的默认样式：input,button,select,textarea{outline:none 阅读全文

摘要：41. 暗灰色的圆形按钮.graybtn { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) ); background... 阅读全文

摘要：21. 字符美化.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; font-weight: normal;}Code Source这个css类用在页面内容中围绕文字的span元素.它会将一些典型的serif 字体用斜体形式显示.测试下看看是不是你喜欢的风格吧.22. 段落首字母p:first-letter{ display: block; margin: 5px 0 0 5px; float: lef.. 阅读全文

摘要：1. CSS 重置html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, t 阅读全文