（11）入门：CSS布局与定位

谷歌搜索wall haven //关键字找背景图片（壁纸天堂）
块级元素高度 由其内部文档流元素的高度总和决定
文档流：文档内元素的流动方向(内联元素从左往右移动，块级元素从上往下流动)//内联元素宽度不够时候会换行，并且换行的文本不会有边框
内联元素高度：字体以及跟设计师设计的那些参数相关//多个span在一起的时候由最高的那个span决定
word-break属性break-all break-word
方应杭 css line height 谷歌搜索
position:fixed(脱离文档流)

div的属性设置 margin-right:auto margin-left:auto 水平居中

可以同padding设置span的宽度和高度
css tricks shape 谷歌搜索找到想要的图形
iconfont.cn 可以从这个网站找到图标

调试大法
  border:1px solid red;

 

 

position: fixed;//脱离文档流相对于屏幕固定，相对于窗口定位
top:0
left:0

绝对定位
  父元素上写属性 position:relative;
  子元素上写属性 position:absolute;//相对于祖先第一个position:relative;定位

    max-width: 940px;//一个div有个宽度 然后设置margin属性就会水平居中
    margin-left: auto;
    margin-right: auto;

如果写了高度，就想办法做垂直居中。写line-height要跟高度一样

很少有人自己发明css效果，只要参考别人的就行了。

css tricks shape

iconfont.cn

给 display: inline 元素设置 margin-top margin-top 是无效的

opacity:0 透明度为0