java基础第三讲详解

一: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(下)来控制*/




  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值