Ｍｙスニペット CSSファイル編

Tuesday, September 30, 2008

カテゴリー：CSS,Dreamwever,WEB

今回は、CSSのファイル用に登録しているスニペットを公開します。
使えそうなのがあれば、ご自分のスニペットに登録して、手間を省くと楽チンです。
自分はこんなのスニペットにしてますよ！ってのがあれば教えてください。

リセット設定用

/* RESET */
html,body,div,
ul,ol,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
pre,code,address,caption,cite,code,em,th {
	font-size: ***;/* 好みのフォントサイズを入力 */
	font-weight: normal;
	font-style: normal;
}

html {
	overflow-y:scroll;
}

ul,ol {
	list-style: none;
}

fieldset,img {
	border: none;
}

caption,th {
	text-align: left;
}

img,abbr {
	border: 0;
}

clearfix

div {
	zoom: 1;/*for IE 5.5-7*/
}

div:after {/*for modern browser*/
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	line-height: 0;
	font-size: 0em;
	content: ".";
}

dtとddを横並び

dt,
dd {
	margin-bottom: **px;
}

dt {
	float: left;
}

dd {
	margin-left: **px;
}

hrを装飾

hr {
	border-top: 1px dotted #999;
	border-right: none;
	border-bottom:1px solid #FFF;
	border-left: none;
	width: **px;
	margin: 0px auto;
}

min-height IE対応版

div {
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

coyummy

• No Comment
• ｜No Trackback