CSS,Code片段,代码实例,代码示例,代码片段库

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing=&quot;0&quot;' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

CSS 漂浮在浮动IE6边缘错误的inherted div宽度Bug

&lt;body&gt;
  &lt;div id=&quot;page&quot;&gt;
    &lt;div id=&quot;content&quot; style=&quot;background-color: yellow;&quot;&gt;
      &lt;div id=&quot;group1573&quot; class=&quot;cmsGroup&quot; style=&quot;width: 50%; padding: 0%; background-color:red; display:block;&quot;&gt;
        &lt;!-- Bugfix for IE6 related margin width --&gt;
     &lt;div style=&quot;width: 100%&quot;&gt;
        &lt;!-- E: Bugfix --&gt;
       &lt;div id=&quot;cell2352&quot; class=&quot;cmsCell&quot; style=&quot;width: 99.6%; background-color:yellow;&quot;&gt;
            &lt;p&gt;Box 1&lt;/p&gt;
          &lt;/div&gt;
          &lt;div id=&quot;cell3467&quot; class=&quot;cmsCell&quot; style=&quot;width: 22.58%; float: left; background-color: green; margin-right: 3.09%;&quot;&gt;
            &lt;div&gt;
              &lt;p&gt;Box 2&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id=&quot;cell1574&quot; class=&quot;cmsCell&quot; style=&quot;width: 73.93%; background-color:#CC9966;&quot;&gt;
            &lt;p&gt;Box 3&lt;/p&gt;
          &lt;/div&gt;
        &lt;!-- Bugfix for IE6 related margin width --&gt;  
        &lt;/div&gt;
        &lt;!-- E: Bugfix --&gt;
   &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/body&gt;

CSS 速度标记式突出显示

em {
    font-style: italic;
    /* color: #046380; */
    background-color: #ffc;
}

CSS 超级ie6 png修复

&lt;!--[if lte IE 6]&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;supersleight-min.js&quot;&gt;&lt;/script&gt;
&lt;![endif]--&gt;

CSS ZOZO

margin: 0px;
	padding: 0px;

	background-color: #a7a7a7;

	background-image: url(/themes/site_themes/svenigson/_data/_images/back_gradiejpg);
	background-position: center;
	background-repeat: repeat-y;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;

CSS 禁用链接附近的Firefox虚线

a:focus { 
	outline: none; /* Damit Firefox keinen aktiven Rand um Links zeigt */
}

CSS 从IE-Mac隐藏CSS规则，仅显示IE-Win

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #floatbox {
  margin-right: 10px;
  }
 
* html p {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */

CSS IE中忽略了最小高度属性

/* for understanding browsers */
.container {
	width:20em;
	padding:0.5em;
	border:1px solid #000;
	min-height:8em;
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
	height: 8em;
}
/**/

CSS HTML LI图片

&lt;style type=&quot;text/css&quot;&gt;
ul.orangearrow li {
  list-style-image: url(http://0--0.us/0067_circular_arrow.png);
}
&lt;/style&gt;

&lt;ul class=&quot;orangearrow&quot;&gt;
  &lt;li&gt;meat&lt;/li&gt;
  &lt;li&gt;potatoes&lt;/li&gt;
  &lt;li&gt;water&lt;/li&gt;
&lt;/ul&gt;

CSS 摆脱链接的虚线边框

a { outline: none; }