html 個人練習用
曲タイトル
html list関連
html border関連
html link関連
関連タイピング
-
HTMLのタグを打とう!
プレイ回数690短文90秒 -
beforeとafter要素を使った装飾です。
プレイ回数296英語長文517打 -
emmetのための備考欄
プレイ回数936短文英字201打 -
htmlの要素を覚えるの打
プレイ回数1450短文英字193打 -
webクリエイター試験上級までカバー。簡単にしました。
プレイ回数1718長文1085打 -
CSS1
プレイ回数490長文英字1924打 -
Progateの復習用
プレイ回数2043長文1044打 -
HTML5とCSS3を学ぼう
プレイ回数2.6万長文869打
問題文
(ｐｏｓｉｔｉｏｎ： ａｂｓｏｌｕｔｅ； ｔｏｐ： ０； ｌｅｆｔ： ０；)
絶対位置への配置 基準位置左上の場合
(ｐｏｓｉｔｉｏｎ： ｆｉｘｅｄ；)
絶対位置への配置 スクロールされても位置が固定されて動かない
(ｏｖｅｒｆｌｏｗ： ｈｉｄｄｅｎ；)
はみ出た部分は表示されません。
(ｄｉｓｐｌａｙ： ｂｌｏｃｋ；)
ブロックボックスを生成（例：img要素のインライン→ブロックに変える）
(ｏｖｅｒｆｌｏｗ： ｓｃｒｏｌｌ；)
入りきらない内容はスクロールして見られるようになります。
(ｚ－ｉｎｄｅｘ： １)
z-indexの値が大きいものほど上に表示
(ｄｉｓｐｌａｙ： ｉｎｌｉｎｅ；)
インラインボックスを生成
(ｄｉｓｐｌａｙ： ｉｎｌｉｎｅ－ｂｌｏｃｋ；)
表示はインラインボックス 高さや横幅を指定できる
(ｖｅｒｔｉｃａｌ－ａｌｉｇｎ：ｔｏｐ ｍｉｄｄｌｅ ｂｏｔｔｏｍ ｔｅｘｔ－ｔｏｐ ｔｅｘｔ－ｂｏｔｔｏｍ；)
縦方向の揃え位置を指定（インライン要素とテーブルセルに適用）
(ｏｐａｃｉｔｙ： ０．５；)
透明度0.5
(－ｍｓ－ｆｉｌｔｅｒ： ”ａｌｐｈａ（ ｏｐａｃｉｔｙ＝１００ ）”；)
Internet Explorer 8 で透明度を使用する場合
(：ｂｆｏｒｅ ｛ｃｏｎｔｅｎｔ：””；｝)
要素の直前に内容を挿入（類似要素）
(：ａｆｔｅｒ ｛ｃｏｎｔｅｎｔ：””；｝)
要素の直後に内容を挿入（類似要素）
(ｔｅｘｔ－ｓｈａｄｏｗ： １ｐｘ １ｐｘ ３ｐｘ ＃０００；)
textのシャドウ 順番：縦方向のズレ 下方向のズレ ぼかし 影の色
(ｂｏｘ－ｓｈａｄｏｗ： １ｐｘ １ｐｘ ３ｐｘ ＃０００；)
boxのシャドウ 順番：縦方向のズレ 下方向のズレ ぼかし 影の色
(ｃａｐｔｉｏｎ)
テーブルのタイトル
(ｃａｐｔｉｏｎ－ｓｉｄｅ： ｂｏｔｔｏｍ)
テーブルのタイトルを下側につける
(ｃｏｌｓｐａｎ)
横のセルに連結
(ｒｏｗｓｐａｎ)
縦のセルに連結
(ｂｏｄｙ ｛－ｗｅｂｋｉｔ－ｔｅｘｔ－ｓｉｚｅ－ａｄｊｕｓｔ： １００％；｝)
PCからスマホに変更の際、フォトサイズの自動調整をオフ。noneは注意
(＜ｉｆｒａｍｅ ｓｒｃ＝”” ｗｉｄｔｈ＝”” ｈｅｉｇｈｔ＝””＞)
他のHTML文章を組み込み、そのページの一部に表示する
(ｗｈｉｔｅ－ｓｐａｃｅ： ｐｒｅ；)
改行やスペースを書いたとおりに表示
(ｂｏｘ－ｓｉｚｉｎｇ： ｂｏｒｄｅｒ－ｂｏｘ；)
パディングとボーダーを幅と高さに含める