html 個人練習用
自分で覚えるために作りました
下記は個人練習用とできるだけ重複しないようにしています。
曲タイトル
html list関連
html border関連
html link関連
曲タイトル
html list関連
html border関連
html link関連
関連タイピング
-
CSSの暗記用です
プレイ回数700 英語長文809打 -
2022.12.14：プロパティを削除･追加。
プレイ回数3164 英語90秒 -
htmlのタグを入力
プレイ回数174 300秒 -
htmlの雛形覚え用
プレイ回数886 英語長文258打 -
基礎的なHTML
プレイ回数3786 英語54打 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数3809 英語長文721打 -
HTMLのタグを打とう!
プレイ回数890 短文90秒 -
html5の暗記用 <>を省いていてタイピングにしました
プレイ回数754 英語249打
問題文
ふりがな非表示
ふりがな表示
(ｐｏｓｉｔｉｏｎ： ａｂｓｏｌｕｔｅ； ｔｏｐ： ０； ｌｅｆｔ： ０；)
絶対位置への配置 基準位置左上の場合
(ｐｏｓｉｔｉｏｎ： ｆｉｘｅｄ；)
絶対位置への配置 スクロールされても位置が固定されて動かない
(ｏｖｅｒｆｌｏｗ： ｈｉｄｄｅｎ；)
はみ出た部分は表示されません。
(ｄｉｓｐｌａｙ： ｂｌｏｃｋ；)
ブロックボックスを生成（例：img要素のインライン→ブロックに変える）
(ｏｖｅｒｆｌｏｗ： ｓｃｒｏｌｌ；)
入りきらない内容はスクロールして見られるようになります。
(ｚ－ｉｎｄｅｘ： １)
z-indexの値が大きいものほど上に表示
(ｄｉｓｐｌａｙ： ｉｎｌｉｎｅ；)
インラインボックスを生成
(ｄｉｓｐｌａｙ： ｉｎｌｉｎｅ－ｂｌｏｃｋ；)
表示はインラインボックス 高さや横幅を指定できる
(ｖｅｒｔｉｃａｌ－ａｌｉｇｎ：ｔｏｐ ｍｉｄｄｌｅ ｂｏｔｔｏｍ ｔｅｘｔ－ｔｏｐ ｔｅｘｔ－ｂｏｔｔｏｍ；)
縦方向の揃え位置を指定（インライン要素とテーブルセルに適用）
(ｏｐａｃｉｔｙ： ０．５；)
透明度0.5
(－ｍｓ－ｆｉｌｔｅｒ： ”ａｌｐｈａ（ ｏｐａｃｉｔｙ＝１００ ）”；)
Internet Explorer 8 で透明度を使用する場合
(：ｂｆｏｒｅ ｛ｃｏｎｔｅｎｔ：””；｝)
要素の直前に内容を挿入（類似要素）
(：ａｆｔｅｒ ｛ｃｏｎｔｅｎｔ：””；｝)
要素の直後に内容を挿入（類似要素）
(ｔｅｘｔ－ｓｈａｄｏｗ： １ｐｘ １ｐｘ ３ｐｘ ＃０００；)
textのシャドウ 順番：縦方向のズレ 下方向のズレ ぼかし 影の色
(ｂｏｘ－ｓｈａｄｏｗ： １ｐｘ １ｐｘ ３ｐｘ ＃０００；)
boxのシャドウ 順番：縦方向のズレ 下方向のズレ ぼかし 影の色
(ｃａｐｔｉｏｎ)
テーブルのタイトル
(ｃａｐｔｉｏｎ－ｓｉｄｅ： ｂｏｔｔｏｍ)
テーブルのタイトルを下側につける
(ｃｏｌｓｐａｎ)
横のセルに連結
(ｒｏｗｓｐａｎ)
縦のセルに連結
(ｂｏｄｙ ｛－ｗｅｂｋｉｔ－ｔｅｘｔ－ｓｉｚｅ－ａｄｊｕｓｔ： １００％；｝)
PCからスマホに変更の際、フォトサイズの自動調整をオフ。noneは注意
など
(＜ｉｆｒａｍｅ ｓｒｃ＝”” ｗｉｄｔｈ＝”” ｈｅｉｇｈｔ＝””＞)
他のHTML文章を組み込み、そのページの一部に表示する
(ｗｈｉｔｅ－ｓｐａｃｅ： ｐｒｅ；)
改行やスペースを書いたとおりに表示
(ｂｏｘ－ｓｉｚｉｎｇ： ｂｏｒｄｅｒ－ｂｏｘ；)
パディングとボーダーを幅と高さに含める