第八节课

Posted 2020-08-17 风中摇曳的小花朵

 1、border     是边框的意思，它可以设置粗细，多少像素，输入样式，solid是实线的意思，可以直接选择color边框的颜色。

 也可以设置某个方向的边框，例如

设置一个div，让它的高和宽都为零

 border-bottom:200 px   下边框粗细是200像素

 border-left:200 px    左边框粗细也是200像素

 border-top:200px     上边框

 border-right:200 px   右边框

  然后设置它的样式颜色，完全的组合起来就是四个不同颜色的三角形，组合成的正方形

2、设置一个无序列表的div，设置它的样式list-style:none可以去掉无序列表的小点或者是圆

加list-style-image:后面加图片的路径   ，可以把无序列表的点都换成图片

格式与布局

position:absolute;         是绝对定位

position:fixed;固定位置  

相对于浏览器的边界

position:relative;相对定位

相对于原来应该出现的位置做改变

在有上面三个的前提上才可以使用top距上边，left距右多少像素，right右边，bottom下边，也可以使用负数

float;left按照指定的方向流，这个是像左流的意思，也可以向别的方像

上段话的样式中如果使用了流的话，在写下段话前加一段话  <div style＝"clear:both"></div>

z_index:0值越大，越靠上，层级高

其他的

display:none         元素隐藏

display:block         元素显示

display:inline-block  用在span，没办法用高和宽调整大小的

visibility:hidden     隐藏，位置还在

overflow:hidden     超出部分隐藏掉

overflow:scroll       超出部分显示滚动条