随笔分类 -  CssStyle

摘要：这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存储这些是个不错选择, 或者仅仅是把它们保存为一个小小的CSS文件. 不管那种方式我肯定设计者和开发者都会发现他们之中一些有用的.推荐阅读:对初学者的 20个有用的CSS技巧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, 阅读全文

摘要：随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多 阅读全文

摘要：这段时间的项目工作接触了比较多的页面设计问题，现对图片和文字在DIV、Table中的水平、垂直居中问题做个总结。一般图片的居中问题容易解决，我的解决方法是通过样式设置：background-image:url(path) //链接图片的路径background-repeat:repeat; //设置图片是否是否水平、垂直延展。可用的参数有：repeat、repeat-X、repeat-Y和no-repeat。background-position:bottom center; //这个就是设置图片的具体位置，第一个是水平，第二就是垂直方向的。还可以使用具体的像素（为当前容器里的绝对像素）。文字 阅读全文

摘要：如题：ie6/IE8/IE9/谷歌以及火狐等浏览器下li 高度一致解决办法： 1 ul li 2 { 3 width:220px; 4 margin:0 auto; 5 position:relative; 6 vertical-align:middle; 7 line-height:25px; 8 overflow:hidden; 9 height:25px; 10 border-bottom:1px dotted #333333; 11 f... 阅读全文

摘要：用CSS控制滚动条样式1,Overflow内容溢出时的设置 overflow 水平及垂直方向内容溢出时的设置 overflow-x 水平方向内容溢出时的设置 overflow-y 垂直方向内容溢出时的设置 以上三个属性设置的值为visible、scroll、hidden、auto visible 默认值。使用该值时，无论设置的"width"和"height" 的值是多少，其中的内容无论是否超出范围都将被强制显示。 hidden 效果与visible相反。任何超出"width"和"height"的内 容都会不可见。 阅读全文

摘要：自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ,当定义的宽度之后自动换行 html: <div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>css: #wrap{white-space:normal; width:200px; }1.（IE浏览器）连续的英文字符和阿拉伯数 阅读全文