diary

diary

CSS基礎⑥

ボックスモデルボックスモデルとは、CSS のボックスは、テキスト、画像、その他の HTML 要素が表示されるコンテンツ領域で構成されています。この領域は、パディング、境界、マージンによって、1 つ以上の辺で囲まれることがあります。ボックスモ...
diary

CSS基礎⑤

擬似クラス系セレクタ擬似クラス(pseudo-classes) は、セレクターに付加するキーワードであり、選択された要素に対して特定の状態を指定します。例えば:hover擬似クラスで、ユーザーのポインターが当たったときにボタンの色を変更する...
diary

CSS基礎④

この10種類を覚えようボックスモデルに関するセレクタボックスモデルは(width,height, paddin,gborder,magrin, )で構成されています。width(ボックスの横幅)初期値はauto(自動計算してくれる)数値は%...
diary

CSS基礎③

メモ問題④を解いて16問目まで解くことができた。解けると楽しい…それでは今日の学科の復習!疑似クラス「特定の状態に対してのみスタイル(CSS)を当てるセレクタを作る」です。(例えば一番最初の文字にNEWを使ったり、偶数行にバックグランドに背...
diary

CSS基礎②

ボーダー系プロパティborderのスタイルをいろいろ指定してデザインすることができる枠線を引くことで、HTML要素を強調したい場合や、位置調整時に一時的に枠線を表示して調整する場合などに利用することができます。ボーダースタイル border...
diary

CSS基礎①

HTMLの復習デベロッパーツールを使うファイルの管理はきちんとしておく(バックアップは必須)階層を考える作業をしておく絶対パス・相対パスを理解しておく上の階層にあるのか?フォルダの中に入っているのか?ファイル名、フォルダ名は半角英数のみCS...
diary

HTML・CSS基礎④

CSSの基本的な書式は、「セレクタ{プロパティ:値;}」です。セレクタ、プロパティ、CSSを描く場所は3つある外部ファイルを作成し、head内で読み込む(外部CSS)HTMLにそのまま打ち込む(インライン)head内のstyle要素に書き込...
diary

HTML・CSS基礎③

基本の文字コード…文字化けさせないために記述/HTML文章とCSSファイルでは記述が違うHTML文章に記述<meta charset="UTF-8">CSSファイルに記述@charset "utf-8";コメントアウト(HTML文章とCSS...
diary

HTML・CSS基礎②

今回わからなったワードマークアップ…HTMLタグを使って、文章を構造化する作業のことをいいます。ブラウザがこれを認識することで、見出し・リスト・リンクなどが画面上にわかりやすく表示されますファビコン…ファビコンとは、ブラウザのタブやブックマ...
diary

HTML・CSS基礎①

webサイトを作る流れ依頼①ご提案 ・企画制作(ヒアリング、調査、分析、コンセプト決め、全体の仕様) ・サイトマップ(サイトの全体像/サイトの地図のこと) ・見積り ・ワイヤーフレーム(Webページのレイアウトを記した設計図のこと)②デザイ...
diary

natsume kana portfolio site

職業訓練での最初の課題作成がポートフォリオどんなものをつくるか?をワードプレスで投稿することでした。まったく触り方がわからない状態でのこの記事は見返してみると0から1になる瞬間を垣間見れる瞬間だなんと感じました。(2023.08現在)「私の...