CSS htmlcss CSS #17 右寄せ、左寄せ+α 2017年9月16日 https://youtu.be/Jkry0Jf570Y こんにちは！ UPSTARTSのSベンです！ 今回は「右寄せ、左寄せ+α」についての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <h1>海賊団一覧</h1> <h2>麦わらの一味...
CSS htmlcss CSS #16 重ね順とはみ出し 2017年9月14日 https://youtu.be/2eyN_dgGGrA こんにちは！ UPSTARTSのSベンです！ 今回は「重ね順とはみ出し」についての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <div id="box1"></div> <div id...
CSS htmlcss CSS #15 位置 2017年9月12日 https://youtu.be/wqDxPrO0fkw こんにちは！ UPSTARTSのSベンです！ 今回は「位置」についての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <div id="box1"></div> <div id="box2...
CSS htmlcss CSS #14 配置 2017年9月10日 https://youtu.be/NajForf_tOM こんにちは！ UPSTARTSのSベンです！ 今回は「配置」についての内容になります。 ブロック要素とインライン要素 まずは「ブロック要素」と「インライン要素」について説明します。 ブロック要素は、縦に重なって並びます。 htmlのタグで言うと、h1...
CSS htmlcss CSS #13 背景のスタイル 2017年9月8日 https://youtu.be/5GzuGGdR5IA こんにちは！ UPSTARTSのSベンです！ 今回は「背景」のスタイルについての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <p>ゴムゴム</p> <p>ヤミヤミ</p&g...
CSS htmlcss CSS #12 リストのスタイル 2017年9月6日 https://youtu.be/qxIOTae1izQ こんにちは！ UPSTARTSのSベンです！ 今回は「リスト」のスタイルについての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <ul> 三兄弟 <li>エース</li> <l...
CSS htmlcss CSS #11 テキスト関連 2017年9月4日 https://youtu.be/c0I4L5High8 こんにちは！ UPSTARTSのSベンです！ 今回は「テキスト関連」のスタイルについての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <p>トニートニー</p> <div> チョッパー...
CSS htmlcss CSS #10 境界線 2017年9月2日 https://youtu.be/el5wnpr2vnY こんにちは！ UPSTARTSのSベンです！ 今回は「境界線」についての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <div>グランドライン</div> </body> 境界線 境...
CSS htmlcss CSS #09 ボックスモデル 2017年8月31日 https://youtu.be/uaky_mgnSqU こんにちは！ UPSTARTSのSベンです！ 今回は「ボックスモデル」についての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <div>麦わらの一味黒ひげ海賊団白ひげ海賊団赤髪海賊団ロジャー海賊団ドンキホーテ...
CSS htmlcss CSS #08 フォント関連 2017年8月29日 https://youtu.be/PjIoVK0Msz8 こんにちは！ UPSTARTSのSベンです！ 今回は「フォント関連」のスタイルについての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <p id="font">ONE PIECE</p> <...
CSS htmlcss CSS #07 プロパティの値 2017年8月27日 https://youtu.be/D1bHbAUAJ70 こんにちは！ UPSTARTSのSベンです！ 今回はいろいろなプロパティの値を使ってみていきましょう。 こちらのhtmlにスタイルをあてていきます。 <body> <p>三千世界</p> <div></d...
CSS htmlcss CSS #06 疑似要素 2017年8月25日 こんにちは！ UPSTARTSのSベンです！ 今回は「疑似要素」についての内容です。 こちらのhtmlにスタイルをあてていきます。 <body> <p>ゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴムゴム</p>...
CSS htmlcss CSS #05 疑似クラス 2017年8月23日 https://youtu.be/0Fhb5ZI5LGw こんにちは！ UPSTARTSのSベンです！ 今回は「疑似クラス」についての内容です。 以下のhtmlにスタイルをあてていきます。 <body> <ul> <li>赤犬</li> <li>黄猿&l...
CSS htmlcss CSS #04 セレクタ③ 2017年8月21日 https://youtu.be/CB4bZMDgpvU こんにちは！ UPSTARTSのSベンです！ 今回は「属性セレクタ」についてやっていきます。 こちらのhtmlにスタイルをあてていきたいと思います。 <body> <p> <a href="https://www.google...
CSS htmlcss CSS #03 セレクタ② 2017年8月19日 https://youtu.be/SEBHPWpILwI こんにちは！ UPSTARTSのSベンです！ 今回はセレクタについての第二弾です。 前回とはまた違うセレクタの指定方法をやっていきます。 今回は以下のhtmlにスタイルをあてていきます。 <body> <h1>悪魔の実</h1...
CSS htmlcss CSS #02 セレクタ① 2017年8月17日 https://youtu.be/0cux-JL7c1g こんにちは！ UPSTARTSのSベンです！ 今回から3回に分けて CSSにおいて重要な「セレクタ」についてやっていきます。 CSSの書き方 CSSの基本の書き方としてはこのような形になります。 /* 一行に書く場合 */ セレクタ{ プロパティ:値; ...
CSS htmlcss CSS #01 CSSってなに？ 2017年8月15日 https://youtu.be/Txdt1Vamqrk こんにちは！ UPSTARTSのSベンです！ 今回は「CSSってなに？」という内容になります。 必要になる知識 まず必要になる知識ですが、CSSのレッスンではHTMLも使っていきます。 HTMLのレッスンがまだの方は、先にHTMLのレッスンを見て頂き...
HTML html HTML #13 フォーム③ 2017年8月3日 https://youtu.be/ZJctIZXs7V0 こんにちは！ UPSTARTSのSベンです！ 今回は「フォーム第三弾」です。 今回もフォーム内で使えるタグの続きをやっていきます。 password パスワード風フォームを表示するには、以下のように書きます。 <input type="passwo...
HTML html HTML #12 フォーム② 2017年8月1日 https://youtu.be/4NesXZnRf34 こんにちは！ UPSTARTSのSベンです！ 今回は「フォーム第二弾」です！ 今回もフォーム内で使えるタグについてやっていきます。 セレクトボックス セレクトボックスを表示するには、以下のように書きます。 <select> <optio...
HTML html HTML #11 フォーム① 2017年7月30日 https://youtu.be/-87u4ZZrQGE こんにちは！ UPSTARTSのSベンです！ 今回から三回に分けて「フォーム」についてやっていきます！ 今回はその第一弾です。 フォーム フォームを作るには、以下のように書きます。 まずは完成形を記載します。 <form action="conf...
