day10知识点
要素タイプの変換:
表示属性:
属性値:
1.block
2.inline
3.none
注:ほとんどのブロック要素はデフォルトの表示値ブロックです。ここで、liデフォルト値list-item(リスト要素)
ほとんどのインライン要素のデフォルトの表示値はインラインで、入力のデフォルト値はinline-block(インラインブロック要素)です。
インライン要素の特別な1つ:インラインブロック要素(インラインブロック要素)
機能:
1:幅と高さを設定できます
2:行に1つずつ
表示します3:現在の要素の表示値はinlin-blockであり、vertical-align属性をサポートできます
vertical-algin:;垂直方向の配置
プロパティ値の上部と
下部の
中央の
ベースライン
让一个元素在父元素里面左右上下居中。
1:给父元素添加text-align:center (左右居中)
2:给当前元素添加
display:inline-block;
vertical-align:middle;
3:在当前元素后面(不要回车),添加一个空的span
给span设置样式:
display:inline-block;
width:0;
height:100%;
vertical-align:middle;
要素タイプの分類:
ブロック要素、インライン要素、変数要素
元素类型的转换:
display属性:
属性值:
block
inline
inline-block
none
list-item
行内块元素:input display为inline-block
img标签:浏览器默认解析的display的值inline
标签的嵌套规则:
1:尽量让块状元素作为父元素(容器)存在
2: 内联元素的子元素尽量也是内联元素
3: p标签中不能出现h1 - h6
4:p标签 h1 - h6 不能互相嵌套
配置:要素の位置を変更します。
css定位需要几步:
1: 让元素知道自己要做位置的变动。
2:确定谁是参照物
3:指定固定的坐标
定位属性: position属性:设置或检索元素定位方式。
(要素に位置属性がある場合、要素は位置を移動する必要があることを認識しています)
位置の属性値:(属性値は、参照オブジェクトが誰であるかを要素に伝えます)
指定坐标:left\right\top\bottom
position的属性值:
1: position:static 【静态定位】 (默认值:添加和不设置的效果一样的)
2: position:absolute 【绝对定位】
a: 绝对定位的参照物:
已经有定位的父元素为参照物
如果父元素都没有定位或者没有父元素,以整个文档为参照物。
b: 绝对定位的特点:
不占据空间,脱离布局流