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