华清远见web初期学习心得体验

在为期近半个月的网页初期学习中总结了以下我认为在网页布局中有用的知识

网页布局小技巧：

                1.块元素水平居中  margin:0 auto

                2.行内元素在父元素中水平居中 text-align:center

                3.行内元素在父元素中垂直水平居中 line-height:100px

                4.设置元素不透明度范围是0-1  opacity：0

                5.元素阴影，视觉效果不占位置    box-shadow：0 0 50px red（阴影颜色）

                6. 元素轮廓，视觉效果不占位置   outline：1px solid red

                7.去掉ul列表前面的符号  list-style：none

                8.去掉超链接的下划线  text-decoration：none

实现自动滚动播放图片：

原理：父元素的整体大小应该小于子元素，相当于视口大小应小于内容的大小，才方便在后续实现图片的滚动播放，并且父子元素之间的长与宽最好呈现某种倍数关系，不然视觉效果上窗口出现内容会有所留白

html代码展示：

css代码展示：

<