给body元素设置背景色，但是body没有内容，高度没有填充整个浏览器情况下，浏览器整个窗口都是body设置的背景色，这个是什么导致的？ 测试代码如下啥？？？body高度才28（默认margin 8x2+padding 5x2+border 1x2）？？那整个浏览器的颜色是哪里来的？？？？？ !doctype htmlstyle body{background:#f00;border:solid 1px #000;padding..
css数字选择器其中出现\数字类型，css数字选择器名称有什么意义。.\39 { background-color: #ccc; color: red;}/* '\' 的unicode码是5c */.unicode\5c { background-color: #666; color: white;}.8 { background-color: #DDD; color: blue;} 当css class名是数字开头或者包含特殊字符的话，在写CSS样式的的..
2016-9-8：添加firefox支持。 绚丽的HTML5 CSS动画效果，请使用webkit内核的浏览器，如chrome运行示例。chrome运行后效果如下图所示源代码如下style body { background: black; width:100%;height:100%;overflow:hidden; position: relative; } .effect-wrapper { width: 400px; height: 400px;..
html实体对象有2种，实体编号和实体符号实体编号的组成和号（）井号（#）编号（数字）封号（;）实体符号的组成和号（）字符（字母）封号（;）备注 同一个符号，可以用实体名称和实体编号两种方式引用，实体名称的优势在于便于记忆，但不能保证所有的浏览器都能顺利识别它，而实体编号则没有这种担忧，但它实在不方便记忆。注意点实体符号..
css+JavaScript实现表格的表头固定效果，页面滚动，表头处于页面最顶端。 CSS表格固定表头示例代码如下!doctype htmlhtml headtitleCSS表格固定表头/titlemeta http-equiv=Content-type content=text/html; charset=utf-8style type=text/css* html,* html body /* 修正IE7振动/闪动bug */{background-image:url(about:blank);background..
纯css写的菜单，通过:hover伪类控制子菜单的显示，ie6-不支持非连接对象的伪类，需要自己写js代码进行兼容，不过可以考虑放弃ie6了，应该没人再用了吧？!doctype htmltitle简单纯css菜单/titlestyle ul,li{list-style:none;margin:0px;padding:0px} ul.menu li{margin-left:10px;float:left;position:relative;line-height:20px}/*注意..
今天下午花点时间将本站css进行修改，通过@media screen max-width/min-width将本站在移动端浏览器下显示得更加友好。 本站在分辨率宽度680px一下显示如下 如果您在电脑端浏览本站使用的标准浏览器（ＩＥ９＋，ｆｉｒｅｆｏｘ，ｃｈｒｏｍｅ等），可以缩小浏览器窗口大小到６８０ｐｘ以下可以看到效果。 利用@media screen实现网页..
使用谷歌chrome浏览器时，如果双击运行或者拖拽html文件进入chrome中以file协议查看js效果，由于chrome的同源策略，父页无法访问iframe中的内容，iframe也无法通过parent对象获取父页的引用。同样对于window.open打开的本地网页，也无法通过opener或者存储打开页面的句柄来访问被打开的页面，在chrome控制台会出现下面类似的错误信息Uncaugh..
用css禁止选择浏览器显示的网页的内容user-select有两个值none：用户不能选择文本text：用户可以选择文本 注意：user-select不是一个W3C的CSS标准属性，浏览器支持的不完善，各种浏览器的实现都不一样，需要针对不同浏览器加上对应的CSS，示例代码如下 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*we..
