今更だけど携帯のHTMLをCSSっぽく書いてみる

<?php
// ガラケー用のスタイル定数

// color palette
define('C_WHITE'       , '#fff;');
define('C_BLACK'       , '#333;');
define('C_GRAY'        , '#666;');
define('C_GRAY_LIGHT'  , '#999;');
define('C_RED'         , '#f33;');
define('C_ORANGE'      , '#ff6633;');
define('C_TEXT'        , 'color:'.C_BLACK);
define('C_TEXT_LIGHT'  , 'color:'.C_GRAY);
define('C_TEXT_RED'    , 'color:'.C_RED);
define('C_TEXT_ORANGE' , 'color:'.C_ORANGE);
define('C_TEXT_WHITE'  , 'color:'.C_WHITE);

// font
if($CON_CLIENT->getCarrier()  == 'DOCOMO'){
	define('FONT_L'        , 'font-size:medium;');
	define('FONT_M'        , 'font-size:small;');
	define('FONT_S'        , 'font-size:small;');
	define('FONT_SS'       , 'font-size:small;');
}elseif($CON_CLIENT->getCarrier()  == 'SOFTBANK'){
	define('FONT_L'        , 'font-size:medium;');
	define('FONT_M'        , 'font-size:small;');
	define('FONT_S'        , 'font-size:small;');
	define('FONT_SS'       , 'font-size:x-small;');
} else {
	// フォールバックはau
	define('FONT_L'        , 'font-size:medium;');
	define('FONT_M'        , 'font-size:small;');
	define('FONT_S'        , 'font-size:x-small;');
	define('FONT_SS'       , 'font-size:xx-small;');
}
define('NORMAL'        , 'font-weight:normal;');
define('BOLD'          , 'font-weight:bold;');
define('ERROR_MSG'     , FONT_S.C_TEXT_RED);

// layout
define('AL_CENTER'     , 'text-align:center;');
define('AL_LEFT'       , 'text-align:left;');
define('AL_RIGHT'      , 'text-align:right;');

// headings
//define('H1A'           , FONT_M.C_TEXT.'border-top:solid 1px #eee;border-bottom:solid 1px #ccc;padding:3px;');
define('H1A'           , FONT_M.C_TEXT_WHITE.'background-color:#333333;padding:3px;');
define('H2A'           , FONT_S.C_TEXT.'background-color:#ddd;border-bottom:solid 2px #ddd;padding:3px;');
define('H3A'           , FONT_S.C_TEXT_WHITE.'background-color:#666;padding:3px;');

// table
define('TABLE_1'       , FONT_S.AL_LEFT.'border-collapse:collapse;');
define('TH_1'          , FONT_S.C_TEXT.NORMAL.AL_LEFT.'background-color:#eee;border-bottom:solid 1px #ddd;');

って感じで定数ファイル用意しておいて

携帯用のviewで

<div style="<?php echo H1A ?>">
	<span style="<?php echo FONT_S ?>">aaaaaaaa</span><br>
</div>
<div style="<?php echo FONT_S ?>padding:3px;">
	･<a href = "url">データを見る</a>&nbsp;
</div>
<div style="background-color:<?php echo C_WHITE;?>">
	<table style="<?php echo TABLE_1;?>" width="100%">
		<tr>
			<td style="<?php echo AL_CENTER ?>"><span style="<?php echo FONT_S ?>">
				<a href="url">
				<img src="url" width="96" alt="" />
				</a>
				</span>
			</td>
		</tr>
	</table>
</div>
<div style="<?php echo FONT_S.C_TEXT_LIGHT ?>">
	<span>定価 xxxxxx円</span>
</div>
<div style="<?php echo FONT_S ?>">
	<span><?php echo CONTENT_TITLE ?>価格</span>
	<span style="<?php echo C_TEXT_ORANGE.FONT_L ?>">xxxxxx円</span>
</div>

的な書き方どうよ？

CSSっぽい使い方できそうじゃね？