【HTML+CSS入門】AIエディタCursorで学ぶ、最新HTML/CSS

▼ 後半動画は、メンバーシップ（月額990円）にてご受講いただけます
https://www.youtube.com/watch?v=pgn1QRZAUMY

プログラミングに関する豆知識やテクニックをご紹介しています。チャンネル登録はこちらから
https://www.youtube.com/user/tomostajp/?sub_confirmation=1

Twitterはこちら
https://twitter.com/seltzer

■ 目次
00:00:00 スタート
00:01:22 環境構築をしよう
00:02:18 macOSの環境構築
00:06:40 Windowsの環境構築
00:09:48 Cursorの環境設定
00:12:29 HTMLを書いてみよう
00:21:02 HTMLの入れ子構造
00:25:12 HTMLの基本タグを入れよう
00:29:32 HTMLの基本タグを理解しよう
00:32:11 属性について知ろう
00:35:13 空要素とは
00:37:08 CSSを書いてみよう
00:42:36 CSSの内部参照
00:47:51 CSSの外部参照
00:52:12 header, footerを挿入しよう

後半で扱う内容↓
00:55:17 文字参照とは
00:58:30 リセットCSSで標準CSSをリセットしよう
01:00:49 CSSの場所を変更しよう
01:02:48 import構文でCSSをインポートしよう
01:05:31 HTML、CSSにコメントを追加しよう
01:07:04 カラーコードで色を指定しよう
01:10:56 margin, paddingで余白を調整しよう
01:13:49 ショートハンドプロパティで指定しよう
01:18:31 セレクタを複数指定しよう
01:02:23 開発者ツールを使って分析しよう
01:27:40 divタグでエリアを区切ろう
01:32:20 class属性を追加しよう
01:36:32 汎用クラスを利用しよう
01:42:06 子孫セレクタでCSSを利用しよう
01:44:56 CSSの詳細度と優先度
01:47:53 ページを仕上げよう

■ Udemyで各種入門講座を販売中
PHP 7/8マスター講座
https://www.udemy.com/course/php-master/?referralCode=397F9F422F1A5A30E155

WordPress開発マスター講座
https://www.udemy.com/course/wordpress_master/?referralCode=0F25EA7ADADE55D90BCE

[HTML/CSS/JavaScript] フロントエンドエンジニアになりたい人の Webプログラミング入門
https://www.udemy.com/course/html-css-js/?referralCode=4B62CC6838D26E1AC5DA

PHP+MySQL（MariaDB） Webサーバーサイドプログラミング入門
https://www.udemy.com/course/php7basic/?referralCode=40B4412347A37B96D388

SQL入門 - MySQLで学ぶデータベース
https://www.udemy.com/course/sql-basic/?referralCode=726C6CD4BD0CBA6D6A9D

Git入門： ノンプログラマーのための Git
https://www.udemy.com/course/git-beginning/?referralCode=399F85EAA147C329749D

kintoneで学ぶ、Webデータベース管理入門
https://www.udemy.com/course/kintone_basic/?referralCode=F52DE5020480810A2D0A

■ 書籍
マンガでざっくり学ぶプログラミング
https://amzn.to/2MXyUH8

よくわかるPHPの教科書 【PHP7対応版】
https://amzn.to/35zg8Ad

【お仕事のお問い合わせ】
https://funmake.net/promotion/
info@funmake.net たにぐち まこと宛