HTMLの中にCSSを書き込む

2018年8月28日 2018年8月29日

akinori

CSSの書き出し方法

CSSは基本的に別ファイルにまとめて記載しますが、稀に『ここだけ変えたい！』そんな時があります。

使う頻度が多くない為、ついつい忘れてしまうHTML内のCSS書き出し。

備忘録としてメモリます。

<style type="text/css">
table{
 width:100%;
}
table th,table td{
 font-size:x-small;
}
</style>

スタイルシート非対応の古いブラウザを考慮した場合、CSSの内容をコメントアウトする。

<style type="text/css">
<!--
table{
 width:100%; 
} 
table th,table td{
 font-size:x-small; 
}
-->
</style>

<p style="color:red;,font-size:20px;">要注意！</p>

<p>や<li>などの一部分を変更したいときは要素に直接スタイル属性を追加した方が楽。

＼最新情報をチェック／