にいがた食堂 作成2日目の１
にいがた食堂 作成2日目の１ 1日目のコードが複雑すぎるのでkana本を参考に作成しなおした。 ・横の幅と中央揃いをするためのwrapperをどう記述するか迷ったが、ほかの箇所でも流用するためl...
0
0
Comment0
19 search resultsShowing 1~19 results
Stocked
You need to log-in
にいがた食堂 作成1日目
にいがた食堂 作成1日目 （1Hくらい） htmlの骨格の作成と最上部（背景画像の上に「ヘッダー（ロゴとナビ）」と「コンテンツ」）のCSSの記述を行った。 〇作業内容 ・最上部には、大きい背景画...
0
0
Comment0
200603学習記録：codepenの設定
codepenでリセットCSSを効かす方法など
0
0
Comment0
200603学習記録：atomの設定
html-previewが効かない理由 最初にいれておくべきパッケージ
0
0
Comment0
マイライブラリ：positionプロパティ
親要素内で、子要素の位置をCSSでデザインする 親要素にposition:relativeで基準位置を作る 子要素にposition:absoluteで基準位置からの絶対値で位置を指定する そし...
0
0
Comment0
200513学習記録：CSSを使ったレイアウト①基本 大きさと位置（block,inline）
TechAcademy losson3 10.webページのレイアウト ボックスモデルのレイアウトとは何をするのか？ ①HTML要素自体の大きさの変更 ②HTML要素の位置の変更 レイアウトに使...
0
0
Comment0
マイライブラリ：レスポンシブデザイン（ブレークポイント、フレックスボックス）
Mana本 メディアクエリはCSSに記述する。 ■ブレークポイント デザインを切り替えるポイントとなる画面サイズをブレイクポイントと言う。 ブレイクポイントをいくつに設定するかとりあえず以下で！...
0
2
Comment0
200519,25学習記録：CSSを使ったレイアウト②－２ フレックスボックス/CSSグリッド
Mana本 フレックスボックス divで親要素、子要素を作る。親要素のCSSにdisplay:flex;のプロパティをあてる。 下は390PXの親要素のボックスの中に120pxの子要素のボックス...
0
0
Comment0
マイライブラリ：headの記述
headの記述 〇基本セット <head> <meta charset="UTF-8"> <title>HTML文書の基本</title> <...
0
1
Comment0
200519学習記録：文字のデザイン基本設定
Mana本 フォント まとめ html{ font-size: 100%; } body{ font-family: ;"Yu Gothic Medium", "游ゴシック Medium", Y...
0
0
Comment0
マイライブラリ：html基本構造
<!DOCTYPE html> <html lang="ja"> <head> </head> <body> </body>...
0
0
Comment0
200520学習記録：デフォルトCSSのリセット
ブラウザのデフォルトでマージンや余白、文字サイズなどが指定されている。 CSSを適用するために、一度それをリセットする。 headに以下の一文を入れる。本来読み込むフCSSファイルはその下に入れ...
0
1
Comment0
200519学習記録：配色
Mana本
0
0
Comment0
200513学習記録：CSSの基本 セレクタ（どこの）／プロパティ（なにを）／値（どのように）
TechAcademyでhtml,cssの復習 Lesson3 9.cssの基本 →これもすごくわかりやすい https://saruwakakun.com/html-css/reference...
0
0
Comment0
200514,15,19学習記録：実際のCSSを書く順番（TechAcadmy）
⓪htmlにCSSのid,class設定をする 〇ヘッダー（header） ・header → タイプセレクタ （ヘッダーエリアのサイズ、マージンの設定） ・nav → id="global_...
0
1
Comment0
200513学習記録：CSSの優先順位
TechAcadmy lesson3 9.CSS CSSの優先順位で覚えておくこと2つ ①下に書かれたものが優先 ②詳細なセレクタが優先 ①下に書かれたものが優先 →これは「green」が表示さ...
0
0
Comment0
200514学習記録：CSSを使ったレイアウト②2カラム、3カラム wrapper とか clearfix とか inline-blockの使い方
TechAcadmy lesson3 10.webページのレイアウト ◆レイアウト手順まとめ（詳しくは以下の2カラム、3カラムを見る） １．headerとfooterの間に<div id=...
0
0
Comment0
200421学習記録：htmlの忘れがち・苦手なところ
TechAcademyでhtml,cssの復習 よくわすれていること ◆html ▼内 ・と宣言すること。 ・htmlタグの中には<html lang="ja">と書き日本語で書かれ...
0
1
Comment0
200422学習記録：構造タグ
200422TechAcademyでhtml,cssの復習 ◆構造タグ 〇大枠 <header></header> <div></div> <...
0
0
Comment0
19 search resultsShowing 1~19 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles