html 個人練習用
曲タイトル
html list関連
html border関連
html link関連
関連タイピング
-
プレイ回数8332長文526打
-
プレイ回数2694英語54打
-
プレイ回数2630長文532打
-
プレイ回数9745長文956打
-
プレイ回数40英字169打
-
プレイ回数604短文90秒
-
プレイ回数338英語長文258打
-
プレイ回数245英語13打
問題文
(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;)
パディングとボーダーを幅と高さに含める