CSSコードの書き方はこんな感じです

著者：Eve Cole 更新時間：2025-01-21 13:33:52

/*私が現在使用しているものは、ダンが共有したバージョンに基づいて変更され、簡略化され、フォーマットされています*/
/*実際、これは最も単純なテンプレートではありません。 http://hi.baidu.com/nagato_yuki/css/item/af51f3de5971235494ee379b.css*/ を見てください。

a,a:リンク,a:アクティブ,a.on,a.on:訪問済み
{
色:#000000!重要;
テキスト装飾:なし
}

a：ホバー
{
テキスト装飾:下線
}

体
{
font-family:"Microsoft Yahei"、サンセリフ;
背景:url(<A href="/u/info_img/2009-06/12/4256bbefadc04dfbce1b3e07.jpg)
}

/*頭*/
＃ヘッダ
{
高さ:200ピクセル;
パディング左:120px;
背景:url(<A href="/u/info_img/2009-06/12/d6ca82771cecae0eb151b93f.jpg) リピートなしセンター
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited
{
ディスプレイ:なし
}

#headerdiv.desc
{
上:125ピクセル;
左:500ピクセル;
色:#fff;
フォントサイズ:12px;
font-family:「Microsoft Yahei」、サンセリフ
}

#テーブルライン
{
ディスプレイ:なし
}

＃タブ
{
左:150ピクセル;
上:170ピクセル;
背景:なし
}

#タブ a:リンク、#タブ a:ホバー
{
フォントサイズ:12px;
背景色:なし;
テキスト装飾:なし;
色:#000000!重要
}

#タブ a:訪問済み,#タブ a.on
{
フォントサイズ:12px;
背景色:なし;
色:#FFFFFF!重要
}

#タブスパン
{
ディスプレイ:なし
}

。ステージ
{
テキスト整列:中央;
背景:url(<A href="/u/info_img/2009-06/12/6e546254f8773740564e00d5.jpg) リピート Y センター
}

.stagepad
{
幅:740ピクセル;
マージン:0 自動
}

#レイアウト
{
テーブルレイアウト:固定;
幅:740ピクセル;
マージン:0 自動
}

#レイアウト
{
マージントップ:-10px
}

#レイアウト td.c1t1、#レイアウト td.c2t1、#レイアウト td.c2t3、#レイアウト td.c3t1、#レイアウト td.c3t3、#レイアウト td.c3t5
{
パディングトップ:10px
}

#レイアウト td.c2t3
{
背景色:#f8f8f8
}

#レイアウト td.c2t1
{
ボーダーボトム:1px ソリッド #808080
}

#レイアウト td.c2t3
{
ボーダーボトム:1px ソリッド #808080
}

#レイアウト td.c2t2
{
ボーダー右:1px ソリッド #f8f8f8;
ボーダーボトム:1px ソリッド #808080
}

#comm_info
{
色:#000;
font-family:"Microsoft Yahei"、サンセリフ;
テキスト整列:左
}

#comm_infodiv.line
{
マージントップ:5px;
行の高さ:8px;
背景:url(<A href=") 繰り返しなしの下;
パディングボトム:40px;
margin-bottom:10px
}

＃ページ
{
高さ:30ピクセル;
フォントサイズ:14px;
font-family:"Microsoft Yahei"、サンセリフ;
テキスト整列:右
}

.mod
{
margin-bottom:10px
}

.modth
{
高さ:24px
}

.modhead
{
パディング:4px4px04px
}

.modopt
{
パディング:4px4px00
}

.modtit
{
色:#000;
フォントサイズ:12px;
font-family:"Microsoft Yahei"、サンセリフ;
フォントの太さ:太字
}

モディット
{
カラー:#000
}

a.modtit:訪問しました
{
カラー:#000
}

.modtitlink
{
色:#000;
フォントサイズ:12px;
フォントの太さ:太字
}

a.modtitリンク
{
色:#000;
テキスト装飾:なし
}

a.modtitlink:訪問済み
{
色:#000;
テキスト装飾:なし
}

a.modtitlink:ホバー
{
色:#000;
テキスト装飾:下線
}

.modact
{
色:#000;
フォントサイズ:12px;
font-family:"Microsoft Yahei"、サンセリフ;
テキスト装飾:なし
}

a.modact:リンク
{
カラー:#000
}

a.modact:訪問済み
{
カラー:#000
}

a.modact:ホバー
{
色:#000;
;
テキスト装飾:下線
}

.modbox
{
パディング:10px 10px 0 10px;
背景色:なし
}

.modtl
{
背景:なし
}

.modtc
{
背景:なし
}

.modtr
{
背景:なし
}

.modbl
{
背景:なし
}

.modbc
{
背景:なし
}

.modbr
{
背景:なし
}

/*記事エリア*/
#m_blog div.tit、#m_blog div.tit a、#m_blog div.tit a:訪問済み、#m_blog div.tit a:hover
{
色:#000;
フォントサイズ:16px;
フォントの太さ:太字;
font-family:"Microsoft Yahei"、サンセリフ;
margin-bottom:20px
}

#m_blogdiv.cnt
{
色:#555;
行の高さ:26px;
フォントサイズ:13px;
font-family:"Microsoft Yahei"、サンセリフ;
margin-bottom:20px
}

#m_blog div.cnt a,#m_blog div.cnt a:訪問済み,#m_blog div.cnt a:hover
{
テキスト装飾:下線!重要
}

#m_blog div.more,#m_blog div.more a,#m_blog div.more a:visited,#m_blog div.more a:hover
{
テキスト整列:右;
マージン-ボトム:20ピクセル;
}

#m_blog div.opt,#m_blog div.opt a,#m_blog div.opt a:訪問済み
{
フォントサイズ:12px;
テキスト装飾:なし;
font-family:"Microsoft Yahei"、サンセリフ;
テキスト整列:右;
マージン-ボトム:20ピクセル;
}

#m_blog div.opt a:hover
{
テキスト装飾:下線
}

#m_blog div.line
{
マージントップ:17px;
行の高さ:17px;
ボーダートップ:1px#000000破線;
margin-bottom:20px
}

#m_blog div.none
{
パディング:100px 0 100px 0;
色:#000;
フォントサイズ:14px
}

/*個人ファイル領域*/
#m_プロa
{
font-family:"Microsoft Yahei"、サンセリフ;
テキスト装飾:なし
}

#m_pro a:訪問しました
{
テキスト装飾:なし
}

#m_pro a:ホバー
{
テキスト装飾:下線
}

#m_prodiv.image
{
テキスト整列:中央
}

#m_prodiv.act
{
マージントップ:10px
}

#m_prodiv.user
{
マージントップ:10px;
色:#000;
フォントサイズ:12px;
フォントの太さ:太字;
font-family:「Microsoft Yahei」、サンセリフ
}

#m_prodiv.desc
{
色:#666;
フォントサイズ:12px;
font-family:「Microsoft Yahei」、サンセリフ
}

#m_pro div.line
{
マージントップ:17px;
行の高さ:17px;
ボーダートップ:1px 点線 #E4E2DA
}

#m_pro td
{
色:#666;
行の高さ:24px;
フォントサイズ:14px;
font-family:"Microsoft Yahei"、サンセリフ;
}

#m_albumdiv.image
{
テキスト整列:中央
}

#m_album div.page
{
色:#666;
フォントサイズ:12px;
テキスト整列:中央
}

#m_albumdiv.pagea
{
色:#666;
フォントサイズ:12px
}

#m_album div.page a: 訪問しました
{
カラー:#666
}

#m_links div.item、#m_mylink1 div.item、#m_mylink2 div.item、#m_mylink3 div.item、#m_mylink4 div.item
{
色:#666;
フォントサイズ:12px;
font-family:"Microsoft Yahei"、サンセリフ;
}

#m_links div.item a,#m_mylink1 div.item a,#m_mylink2 div.item a,#m_mylink3 div.item a,#m_mylink4 div.item a,#m_links div.item a:visited,#m_mylink1 div.item a :visited,#m_mylink2 div.item a:visited,#m_mylink3 div.item a:visited,#m_mylink4 div.item a:visited,#m_artclg div.item a,#m_artclg div.item a:visited,#m_filed div.item a,#m_filed div.item a:visited,#m_filed div.item a,#m_filed div.item a:visited,#m_comment div.item a,#m_comment div.item a:visited,#m_comment div.item a.cnt:hover,#m_cang div.item a,#m_cang div.item a:visited, #m_friblog div.item a,#m_friblog div.item a:訪問済み,#m_friblog div.item a:visited,#m_friblog div.item a.cnt,#m_friblog div.item a.cnt:visited,#m_friblog div.item a.cnt:hover
{
フォントサイズ:12px;
フォントの太さ:標準;
font-family:"Microsoft Yahei"、サンセリフ;
テキスト装飾:なし
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited,#tabline,#tabspan,#m_blog div.date,#m_comment_post div.toolbarstrip,#m_comment_post div.toolbaritem,#in_send div.toolbarstrip,#in_send div.toolbaritem、#mod_info、#m_comment_post、#m_mylink2 div.line、#m_mylink3 div.line、#mod_artclg div.line、#mod_filed div.line、#vercode、#yanzheng、#m_pro div.userinfo、#m_proa.btfan
{
背景:#透明;
ディスプレイ:なし
}

#m_mylink2 div.item、#m_mylink3 div.item、#mod_artclg div.item、#mod_filed div.item
{
フロート:左;
高さ:20ピクセル;
パディング:5px
}