首页 > 代码库 > css位置相关元素
css位置相关元素
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 超出部分显示滚动条
css位置相关元素