失われたソースファイル 10
コピーアンドペースト用の記事
失われたソースファイル 10
ありがちなんだけど良くなくしてしまう HTMLなどの雛形を おいておく場所です。
箇条書きのネストをする雛形
微妙に間違うことが多い、箇条書きのネスト。 ul の中に ul は入れられないので li の中に入れる。ちょっと不思議な感じ。
<ul>
<li>ネスト1
<ul>
<li>ネスト1-1</li>
<li>ネスト1-2</li>
</ul>
</li>
<li>ネスト2
<ul>
<li>ネスト2-1</li>
<li>ネスト2-2</li>
<li>ネスト2-3</li>
</ul>
<li>ネスト3</li>
</ul>
インデントの付け方はお好みで変更して下さいー。
よく使うスタイルシート集
本気でコピーアンドペースト用。 必要に応じてチョイスを。
/****************************************************************
* 文字
***************************************************************/
font-size: 12pt;
font-style: normal;
font-weight: normal;
font-family: monospace;
white-space: pre;
color: #000;
/* 非常時 */
font-family: "ＭＳ Ｐゴシック", sans-serif;
/****************************************************************
* 改行幅
***************************************************************/
line-height: 100%;
/****************************************************************
* 背景
***************************************************************/
background-image: url("../images/hoge.gif");
background-repeat: no-repeat; /* repeat, repeat-x, repeat-y */
background-position: 16px 16px;
background: transparent;
/****************************************************************
* ブロック要素
***************************************************************/
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid blue;
/****************************************************************
* リンク関連
***************************************************************/
a:link { color: blue; }
a:visited { color: red; }
a:active { color: red; }
a:hover { color: green; }
text-decoration: underline;
/****************************************************************
* 箇条書き
***************************************************************/
list-style-type: none; /* disc, circle, square, decimal ..*/
/****************************************************************
* 配置
***************************************************************/
text-align: right;
vertical-align: baseline; /* top, middle, bottom, text-top, text-bottom */
margin-left: auto; margin-right: auto;
position: absolute; /* relative, absolute.. */
/* right, left, top, bottom */
right: 0;
/****************************************************************
* テーブル指定
***************************************************************/
table {
border-collapse: collapse;
margin: 1em 0px 1em 1em;
border: 1px #000 solid;
}
td , th {
border: 1px #000 solid;
padding: 3px;
/*
word-wrap: break-word;
word-break: break-all;
*/
}
th {
border: 1px #000 solid;
padding: 3px;
background-color: #f8f8f8;
/*
word-wrap: break-word;
word-break: break-all;
*/
}
/****************************************************************
* ソースコードとかへの指定
***************************************************************/
code {
display: block;
text-indent: 0;
font-size: 100%;
margin: 1em 1em 1em 1em;
padding: 1em;
font-family: monospace;
background-color: #000;
color: #0f0;
border: 1px #000 solid;
overflow: visible;
}
/****************************************************************
* フォームへの指定
***************************************************************/
/*
<form name="form" id="form" class="bbsform" method="post" action="./bbs.php" >
*/
form.bbsform input, form.bbsform textarea {
background-color: #ffffff;
border: 1px solid rgb(159,182,197);
font-size: 11pt;
font-family: "ＭＳ Ｐゴシック", sans-serif;
padding: 4px;
}
form.bbsform input.button {
background-color: rgb(225,225,225);
border: 1px solid rgb(150,150,150);
border-top: rgb(250,250,250);
border-left: rgb(250,250,250);
font-size: 11pt;
font-family: sans-serif;
padding: 0 1em 0 1em;
height: 24px;
width: 80px;
}
/****************************************************************
* 全体指定
***************************************************************/
* {
margin: 0;
padding: 0;
font-size: 12pt;
font-style: normal;
font-weight: normal;
line-height: 100%;
border: 0px solid blue;
}
/* IE 5.0 / 6.0 互換モード用 (テーブルに継承されないため）*/
th, td, th {
font-size: 12pt;
font-style: normal;
font-weight: normal;
line-height: 100%;
}
カテゴリ分けは適当ですー！
おわり
よくなくすので、とりあえずおいておくことにします。