2023-06-01から1ヶ月間の記事一覧
<html> <head> <style> #clock { font-size: 48px; text-align: center; margin-top: 200px; } </style> </head> <body> <div id="clock"></div> <script> function updateTime() { var currentTime = new Date(); var hours = currentTime.getHours(); var minutes = currentTime.getMinutes(); var secon…</body></html>
CSS講座記事を書こうにも手足が痺れて痛い。 どうにも解せない。 がん、糖尿病、脳梗塞、腎臓病。 とてもじゃないが、そんな病気、耐えられる精神力ではない。 それどころか自分が認知症になるなんて考えたこともなかった。認知症ではないが、そうなる確率は…
LESSをご存知ですか。LeanerCSSっていうんですが、動的スタイルシート言語となります。 最初聞いた時は、「はあ?」的な感覚になりましたが、かなり気になります。 いやね、HTMLはマークアップ言語、CSSはスタイルシート言語、javascriptはスクリプト言語です…
普通にHTMLとCSSを順序よく講座しろよ、 という苦情が来てもおかしくないですが、 基本方針としては、 【HTMLとCSSがわからない人にとって どれから始めても大して問題じゃない】 という先入観からです。 筆者自身、 グリッドシステムとかから始めたので 順…
/* グリッドシステム */ .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; } .row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .col-1 { width: 8.33%; } .col-2 { width: 16.66%; } .col-3 { width: 25%; } .col…
CSSの適用方法では、CSSの適用方法についてお伝えします 内部CSS <head> <meta charset="UTF-8"> <title>サンプル</title> <style> h1{ color:; } </style> </head> 外部CSS <link rel="stylesheet" href="style.css"> style.cssが一般ですが、 <link rel="stylesheet" href="home.css"> でも反応します。 WP等はstyle.cssと言うファイル名が標準なので気をつけてください。 </link></link>
/* CSSファイル */ /* 音楽再生プレイヤーコンテナのスタイル */ .audio-player { width: 300px; background-color: #333; color: #fff; padding: 20px; border-radius: 10px; } /* 曲名スタイル */ .audio-player .song-title { font-size: 20px; margin-bo…
* { font-size: 16px; font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } 第1回は、フォントファミリー講座です。なぜこれから教…
年齢 34歳 出身 長崎県 性別 男性 得意科目 日本史、世界史、古語、物理、音楽、地学 好きな料理 オムライス アレルギー タコ 誕生日 7月 成績 中くらい 好きな歴史上の人物 伊達政宗 好きな戦い 関ヶ原合戦 体重 101kg 病気 心臓病 30代の青年です。よろし…
