html 個人練習用

背景
投稿者投稿者upoverいいね5お気に入り登録
プレイ回数1419難易度(3.5) 503打 長文
タグhtml css
自分で覚えるために作りました
下記は個人練習用とできるだけ重複しないようにしています。

曲タイトル
html list関連
html border関連
html link関連

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(position: absolute; top: 0; left: 0;)

絶対位置への配置 基準位置左上の場合

(position: fixed;)

絶対位置への配置 スクロールされても位置が固定されて動かない

(overflow: hidden;)

はみ出た部分は表示されません。

(display: block;)

ブロックボックスを生成(例:img要素のインライン→ブロックに変える)

(overflow: scroll;)

入りきらない内容はスクロールして見られるようになります。

(z-index: 1)

z-indexの値が大きいものほど上に表示

(display: inline;)

インラインボックスを生成

(display: inline-block;)

表示はインラインボックス 高さや横幅を指定できる

(vertical-align:top middle bottom text-top text-bottom;)

縦方向の揃え位置を指定(インライン要素とテーブルセルに適用)

(opacity: 0.5;)

透明度0.5

(-ms-filter: ”alpha( opacity=100 )”;)

Internet Explorer 8 で透明度を使用する場合

(:bfore {content:””;})

要素の直前に内容を挿入(類似要素)

(:after {content:””;})

要素の直後に内容を挿入(類似要素)

(text-shadow: 1px 1px 3px #000;)

textのシャドウ 順番:縦方向のズレ 下方向のズレ ぼかし 影の色

(box-shadow: 1px 1px 3px #000;)

boxのシャドウ 順番:縦方向のズレ 下方向のズレ ぼかし 影の色

(caption)

テーブルのタイトル

(caption-side: bottom)

テーブルのタイトルを下側につける

(colspan)

横のセルに連結

(rowspan)

縦のセルに連結

(body {-webkit-text-size-adjust: 100%;})

PCからスマホに変更の際、フォトサイズの自動調整をオフ。noneは注意

など

(<iframe src=”” width=”” height=””>)

他のHTML文章を組み込み、そのページの一部に表示する

(white-space: pre;)

改行やスペースを書いたとおりに表示

(box-sizing: border-box;)

パディングとボーダーを幅と高さに含める

問題文を全て表示 一部のみ表示 誤字・脱字等の報告

◆コメントを投稿

※誹謗中傷、公序良俗に反するコメント、個人情報の投稿、歌詞の投稿、出会い目的の投稿、無関係な宣伝行為は禁止です。削除対象となります。

※このゲームにコメントするにはログインが必要です。

※コメントは日本語で投稿してください。

パンサーfkのお気に入り

upoverのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード