tskpcp的专栏

1、不要使用*{}经常有前端开发人员使用*{margin:0; padding:0}来进行css重置，这种方法虽然写起来简单，但是渲染起来浏览器引擎要遍历所有的标签，很影响效率，强烈建议不要这样使用!建议的的解决办法：把你常用到的这些标签进行处理;例如：body,li,p,h1{margin:0; padding:0}，可以参考一下大网站的css重置代码。2、页面上少用绝对

一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。meta name="viewport" content="width=device-width, initial-scale=1" />  viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（wid

引入文件scripttype="text/javascript"src="less.js">script>样式文件linkrel="stylesheet/less"type="text/css"href="xxx.less"media="screen"/>使用@w241:241px;@h100:100px;

根据文件格式显示不同的链接样式/* external links */ a[href^="http://"]{ padding-right: 20px; background: url(external.gif) no-repeatcenterright;  } /* emails */ a[href^="mailto:"]{ padding-right: 20px

Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西，除非没有办法，我们尽量还是不要用着玩意。 下面是各个浏览器的CSS Hack 列表。Firefox 浏览器@-moz-document url-prefix() {   .selector {     property: value;   } } 支持所有Gecko内核的浏览器 (

使用:not()在菜单上应用/取消应用边框    下给每一个菜单项添加边框    /* add border*/     .nav li{border-right:1px solid #666;}   去除最后一个元素/*remove border */ .nav li:last-child{    border-right:none;}直接使用:not()伪类

1.花式连字符（&）这个类应该在span元素里使用，并且里面包括&字符。它使用经典的serif字体和斜体来增强&符号。12345.amp {    font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua

样式内容<style type="text/css"> /*Table样式，无关紧要*/ #MyTable { width: 500px; height: 250px; border-collapse: collapse; bo