day9知识点
cssの表示は、タグを分類します:
ブロック要素
、インライン要素(インライン要素)、
紛争ポイント:
3番目のカテゴリー:
a:可変要素
b:インラインブロック要素
元素类型分类:块状元素、内联元素、可变元素。 注:把行内块元素 归在 内联元素这一类里面
默认情况下元素类型每个类型特点:
块状元素特点:
1:在页面中以矩形区域显示。
2:自上而下排列,独占一行
3:可以直接添加宽高
4:一般情况下,作为其他元素或内容的容器
内联元素特点:
1:在页面中最小单位也是矩形。
2:在一行内逐个排列。
3:不可以直接添加宽高,大小是由内容撑开的。
4:内联元素也符合盒模型的规则,但是个别属性会出现问题(padding-top/bottom margin-top/bottom)
5: 内联元素在一行内排列的时候,之间有间距
(怎么消除间距:
a:添加浮动
b:把所有的内联元素都放在一行不用回车键(不推荐使用)。
可变元素(了解):
根据上下文的显示,来确定这个元素是块状元素还是内联元素
哪些标签属于块 哪些标签属于内联:
ブロック要素:
div-最も一般的に使用されるブロックレベルの要素
dl- ブロックレベルの要素は、dt-ddで使用されます
フォームインタラクティブフォーム
h1 -h6-見出し
hr-horizontal仕切り
ol-orderedリスト
p-paragraph
ul-noneシーケンスリスト
li
fieldset-formフィールドセット
colgroup-col-form列グループ化要素
table-tr-tdテーブルと行セル
インライン要素:
a –ハイパーリンク(アンカー)
b-太字(非推奨)
br-改行
I -イタリック
EM -ストレス
IMG -画像
入力-入力ボックス
ラベル-フォームタグ
スパン-関連する容器内で使用される、テキストブロックの定義
強い-太字で強調表示された
サブ-添字
SUP -上付き
テキストエリア-複数行のテキスト入力ボックス
Uを-下線
選択-項目選択
要素タイプ変換:
表示属性:
役割:要素によって生成されたボックスモデルタイプを取得または設定します。
共通の属性値:
1:表示:ブロック;
機能:ブロック要素の特性を使用して、要素をブロック要素に変換します。
補足:ほとんどのブロック要素の場合、デフォルトの表示値はblockです
。2:表示:インライン;
関数:インライン要素の特性を使用して、要素をインライン要素に変換します。
追加:ほとんどのインライン要素、デフォルトの表示値はインライン、
3:表示:なし、
機能:現在を非表示、スペースを占有しない。