随笔分类 -  CSS

摘要：禁止缩放user-scalable=no|yes 设置用户缩放禁止拖动document.ontouchmove = function(e){ e.preventDefault(); }; //文档禁止 touchmove事件document.documentElement.style.webkitT... 阅读全文

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

摘要：这个“浏览器默认HTML的CSS样式属性”，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。 　　以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，主要是要注意body|h1~h6|blockquote|menu|ul|ol|d... 阅读全文

摘要：值得收藏的CSS经典技巧之一值得收藏的CSS经典技巧之二十一、Block和inline元素对比 所有的HTML元素都属于block和inline之一。block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul>... 阅读全文

摘要：我从这本书上总结的CSS技巧大概有以下几点：　　1、使用@import语句引入外部样式表，可能会在IE6中出现“无样式内容瞬间”现象，可以通过使用link链接样式表，或者在页面上添加script元素来避免这个问题。HTML文档中几乎可以不用考虑用@import导入样式表的方法，因为这种方法是为了兼容Netscape Navigator 4，而这种浏览器几乎绝迹。　　2、应用... 阅读全文

摘要：值得收藏的CSS经典技巧之一值得收藏的CSS经典技巧之二一、CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它... 阅读全文

摘要：CSS中的!important是一个非常重要的属性，有时候发挥着非常大的作用。IE6对CSS的解释与firefox不大相同，CSS中的!important属性firefox可识别，IE6则不认识。举例：[代码]那么在执行的时候其实是按照40px来执行的，!important的出现就是为了让用户自己设置被执行语句的优先级。如果把上面的语句改为：[代码]则firefox是按照20px来执行的，IE6还... 阅读全文

摘要：[代码]使用方法：这段代码可以变网页为黑白，将代码加到公用CSS文件最顶端就可以实现素装。最简单的把页面变成灰色的代码是在head之间加 [代码]问题：1、在用滤镜使页面变灰后页面的加载速度明显变慢了，因为滤镜是一个非常毫费资源的东西；2、不兼容FireFox；很多效果只能在IE中使用。 阅读全文