CSSをHTML本文に書く方法は以下のとおり。headタグ内にstyleタグを記述。type=”text/css”として、その中にCSSを記述すればよい。
CSSの記述が終われば、/styleタグで閉じること。
styleタグ内は、(昔対応して無かったブラウザを考慮して)慣習的にコメント<!– –>で記述してる人もいる。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> p { font-size:15px; background-color:#3399CC; color:#FF6600; } </style> <body> <p> CSSをHTML本文に書く方法 </p> </body> </html>
外部ファイルのCSSを読み込むには
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" > </head> <body> <p> 外部ファイルのCSSを読み込む方法 </p> </body> </html>
↑このhtmlファイルがある階層の下にcssフォルダを作ってその中に外部ファイルbootstrap.min.cssを入れてある状態で。