一:before和after 透明度
1.1before和after
before是在一段文字之前插入一段文字 且进行相关设置
after是在一段文字之后插入一段文字 且进行相关设置
写法:
<style>
.div:before{content:"文字";(属性设置)}
.div:after{content:"文字";(属性设置)}
</style>
<body>
<div class="div"></div>
</body>
1.2透明度
属性:opacity:透明值(0--1)之间
二:表单初识
2.1元素:<form></form>
form属性:action:要去往的网站 method:提交内容的方法---get(铭文提交)----post(密文提交)
2.2提交的内容
input单标签呈现框架
<input type="text" name="" value="">
input type种类:text(文本框 placeholder(占位符) );film(文件选择);password(密码框);number(数字输入框只能输入数字)
radio(单选框按钮gender只能选一个);checkbox(多选框)
选择器
<select name="">
<option value=""></option>
<option value=""></option>
.
.可以多个option
<option value=""></option>
</select>
隐藏提交
<input type="hidden" name=" " value="">
三 浮动
什么是浮动?
浮动是使元素脱离原来的文本流,在新的平面中排列.系统默认没有浮动
属性:float(left--左浮动 right--右浮动 none--没浮动 )
脱离文本流后排列的顺序是创建div的先后顺序,越靠近流浪器中部div创建越靠后
清浮动
请浮动右clear清除 使浮动的元素不具备浮动效果
四 定位
4.1相对定位(relative)
相对定位的参照物是本身,定位后不脱离当前的文本流,偏移量按自身初识位置开始偏移
4.2绝对定位(absolute)
绝对定位的参照物是自己外面一层的父级元素;如果有多个嵌套关系那么参照物是以自己最近的为参照物;
如果都没有设置或没有父级元素那么会以流浪器为参照物,定位后脱离原来的文本流.
/*注 定位后偏移元素都由left(左),right(右),top(上).button(下)来控制*/