2018.3.9课堂笔记

内联元素在给其设置宽高和上下边距时不会有实际作用(因为默认遵从行内尺寸)

navigator 导航

display:

1.display:block就是将元素显示为块级元素

2.display:inline就是将元素显示为行内元素

3.display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性)

边框的几种样式:

1.solid 实线

2.点虚线

3.线虚线

4.双线

5.上阴影下实线

6.下阴影上实线

7.上阴影

8.下阴影 

浮动:浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素(浮动会脱离文档、流浮动可以内联排列

Position:

1.static静态

2.fixed固定

3.relative相对

4.absolute绝对

margin设置区块元素水平居中
position属性设置元素的左右对齐
float属性设置左右对齐
padding属性设置水平垂直居中
line-height属性设置水平垂直居中
绝对定位和transform属性设置水平垂直居中


你可能感兴趣的:(课堂笔记)