萌小孩

摘要： table不能换行问题 一般是：一行里面全是数字或是字母或者结尾有多个感叹号而导致 table不能换行，中文默认的会自动换行的，字母不能换行问题：style="table-layout:fixed; word-break: break-all; overflow:hidden;"复制代码在单元格属性里加入上面这句，如：复制代码用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象。总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将 阅读全文

摘要： 透明往往能产生不错的网页视觉效果，先奉上兼容主流浏览器的CSS透明代码:.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}上面的几个属性分别是:opacity: 0.5;这是最重要的，因为它是CSS标准.该属性支持Firefox, Safari和 Opera.filter:alpha(opacity=50);这个是为IE6设的，可取值在0-100，其它三个0到1.-moz-opacity:0.5;这个是为了支持一些老版本的Mozilla浏览器。- 阅读全文

摘要： 一、关于渐变渐变是一种应用于平面的视觉效果，可以从一种颜色逐渐地转变成另外一种颜色，故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如，您可以指定一个这么一个渐变：顶部的颜色是红色，中间的是蓝色，底部为黄色来作为div的背景色。渐变通过-webkit-gradient方法实现，可以用来代替图片URL。在webkit核心浏览器下(Safari4+, Chrome)，有两种类型的渐变，线性的和径向的。您还可以指定多个中间过渡色，此称之为color stops.二、基本语法webkit核心浏览器下的的基本语法如下：-webkit-gradient(type, start_point 阅读全文

摘要： 对于width的数值为百分比的时候，表示该元素的长度是相对于父容器来算的。对于padding-right和padding-left比较好理解也是相对于父容器来算的，但容易出错的是padding-top和padding-bottom，很容易的以为是按height来算，其实，还是相对于width来算的同样magin也是同样的道理。以下转自w3school对width的解析：在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的尺寸。假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框 阅读全文

摘要： font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; 阅读全文

摘要： 阅读全文

摘要： CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内... 阅读全文

摘要： 网页中文章内容文字右端不对齐，有的不满一行便拐行。处理方法有如下：1p {2text-align:justify;3text-justify: distribute;4} 阅读全文

摘要： HTML5 data-* 属性jQuery Mobile 依赖 HTML5 data-* 属性来支持各种 UI 元素、过渡和页面结构。不支持它们的浏览器将以静默方式弃用它们。表 2 显示如何使用 data-* 属性创建 UI 元素。表 2. 用于 UI 元素的 data-* 属性元素HTML5 data-* 属性页眉、页脚工具栏主体内容按钮Button已编组按钮YesNoHell Yeah内联按钮FooBar表单元素（选择菜单）Choose an option:基本列表视图OneTwoThree对话框Open dialogOpen dialog过渡jQuery Mobile 文档包含受支持的 阅读全文

摘要： .autocut { width:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } 阅读全文