HTMLの中にCSSを書き込む
CSSの書き出し方法
CSSは基本的に別ファイルにまとめて記載しますが、稀に『ここだけ変えたい!』そんな時があります。
使う頻度が多くない為、ついつい忘れてしまうHTML内のCSS書き出し。
備忘録としてメモリます。
HTML内にCSSをまとめて記載する
1 2 3 4 5 6 7 8 |
<style type="text/css"> table{ width:100%; } table th,table td{ font-size:x-small; } </style> |
スタイルシート非対応の古いブラウザを考慮した場合、CSSの内容をコメントアウトする。
1 2 3 4 5 6 7 8 9 10 |
<style type="text/css"> <!-- table{ width:100%; } table th,table td{ font-size:x-small; } --> </style> |
HTMLの要素にスタイル属性をプラスして記載する
1 |
<p style="color:red;,font-size:20px;">要注意!</p> |
<p>や<li>などの一部分を変更したいときは要素に直接スタイル属性を追加した方が楽。
-
前の記事
楽天市場の出品用CSV(select.csv)項目 2018.08.28
-
次の記事
文字サイズの表記と大きさ 2018.08.28
コメントを残す