くうや＠WEB制作 @kuuya_webdesign

おはようございます☀ #今日の積み上げ 🟦 Day3 　PHPの基本文法を学ぼう③ ☑ ChatGPTに聞いたこと㊾ 🔴PHPの配列を覚え方いくつかのアイテムをひとまとめにしたお菓子の詰め合わせ箱 🔵$snacks = array("🍫", "🍪", "🍬"); 🟠$snacks←箱 🟡$snacks[0]=🍫 🟢追加等もできる #デイトラ

3 0 76 851 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 Day2 　PHPの基本文法を学ぼう② ☑ ChatGPTに聞いたこと㊽ 🔴PHPのif文を覚え方「ある条件が成り立つときに、アイスクリームを買う」 if ($condition) { // アイスクリームを買う } else { // アイスクリームを買わない } #デイトラ

0 0 35 574 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #本日の積み上げ 🟦 Day1 　PHPの基本文法を学ぼう① ☑今日から上級編😊 ☑開発環境は整いました👍 ☑できることが増えて楽しい🎶 #デイトラ

0 0 33 369 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ12 ☑ ChatGPTに聞いたこと㊼ 🔴clip プロパティ .element { position: absolute; clip: rect(top, right, bottom, left); } 各値は、クリッピングされる領域の左上隅からの距離を示します。 #デイトラ

1 0 57 499 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ11 ☑ ChatGPTに聞いたこと㊻ 🟠ボタンの色　 →斜めにグラデーション .button { background-image: linear-gradient(to bottom right, red, blue); } #デイトラ

0 0 46 455 0

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ10 ☑ ChatGPTに聞いたこと㊺ 🟠ボタンの色　半々 →hover 時は反対 .B{ background-image: linear-gradient(to right, 色1 50%, 色2 50%); bgp: right bottom; transition: bgp 0.5s; } .B:hover { bgp: left bottom; } #デイトラ

0 0 36 403 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ9 ☑ ChatGPTに聞いたこと㊹ 🟠左にアイコン　※略コード h2::before { content: ''; dib; w20; /* 幅 */ h20; /* 高さ */ bgi: url('icon.png'); /* パス */ bgs: cover; /* サイズを要素に合わせる */ mr5; } #デイトラ

1 0 54 538 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ8 ☑ ChatGPTに聞いたこと㊸ 🟡文字の上に線　※略コード h2 { psr; dib; } h2::before { content: ""; psa; t0; l0; w100%; h1; bgc: black; } #デイトラ

3 0 42 637 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ7 ☑ ChatGPTに聞いたこと㊷ 🟠 +（プラス記号） CSSのセレクタ要素同士の直接的な隣接関係を示す例隣り合う2つの本棚📚 一つには小説もう一つには教科書この場合、小説の隣にあるのは教科書位置関係の指定`+`が使われる #デイトラ

0 0 49 725 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ6 ☑ ChatGPTに聞いたこと㊶ 🟡☑のcustom　※略コード input[type="checkbox"] {dn;} .A{大きさ色;cursor: pointer;} .A::after {content: "✔";dn;psa;位置;} .A input[type="checkbox"]:checked + .A::after {db;} #デイトラ

1 0 51 556 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ5 ☑ ChatGPTに聞いたこと㊵ 🟡radioボタン custom　※略コード input[type="radio"] {dn} .A {dib;ボタン幅高さ;psr;} .A::before {content: "";db;psa;位置や大小;op0; } .A input[type="radio"]:checked + .A::before {op1; } #デイトラ

1 0 45 782 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ →ブラッシュアップ4 ☑ ChatGPTに聞いたこと㊴負のmargin 🔴要素同士をオーバーラップさせたり、左右にずらしたり、微調整したりするため 🟠要素を画面上で位置づけたり、要素同士を重ねたりするため #デイトラ

0 0 45 461 0

くうや＠WEB制作 @kuuya_webdesign

2 years ago

おはようございます☀ #今日の積み上げ 🟦 ポートフォリオ →ブラッシュアップ3 ☑ ChatGPTに聞いたこと㊳ 🔴flex-shrink`を0以外の値での使用 🟠flex-shrink: 1; 要素がコンテナ内で縮小される際の挙動を制御要素が必要なスペースを超えて拡大するのを防ぎ、コンテナ内で適切に収まる #デイトラ