列表方块:
有序列表和无序列表 ol/ul 例如<ol: style:"list-style:"" ">
1、<ol: style:"list-style:"none" ">:none 时间<li>里面内容前边的序号去掉(•ABC)
2、<ol: style:"list-style:"inside" ">:inside(•ABC)将ABC前边的序号黑点连在一起为一个元素内容
3、<ol: style:"list-style-image:"" ">:可以将序号(•ABC)变为小图片
格式与布局:
一、位置
1、position:①fixd(固定):该元素外层没有固定位置的元素时,相对于浏览器边框位置固定
top.right.bottom.left.用来<div>里面元素的位置
②absolute(绝对):是相对于它上一层来说的,它上一层也必须有绝对定位(absolute)/相对于父级元素(浏
览器,绝对定位的上级)
★fixd和absolute唯一区别是absolute随网页滚动而滚动,fixd不随网页滚动而滚动
③relative(相对):之前位置——top 50px left 50px——在之前的位置上分别靠下和靠右移动50px/相对自
身之前的位置
2、<style type:"text/css">
*{margin:opx auto; padding:0px}:auto是指这个<div>居中;元素边框相重叠的小部分去掉
二、流:(folat,可以吧div的默认占一行去掉)
1、left:向左流;right:向右流
2、用folat的div在结束之后,要用<div style="clear:both"></div>清流
3、folat一般要配合margin使用
小知识:
★ 做导航栏一般用folat或<ul>来做
★ z-index:使网页的两个元素分层,这两个元素属性里必须要有position或folat;
z-index值越大越靠前
★ *代表全部 它的优先级最低
★ .test:horer{cursor:position} 鼠标变成小手 括号里包括鼠标的各种样式
★ break:用来跳出整个循环 continue:跳出本次循环