web前端开发第一阶段——CSS补充新增

textarea:文本域

resize:none;设置不让拉动
		  horizontal 水平方向
		  vertical垂直方向
		  both两个方向
		  与overflow连用
div中设置resize可以拖动盒子,要用多个样式搭配才有效果,但是不能输入内容
disabled属性禁止点击

输入内容标签:

	1、input
	2、textarea
	3、加 属性contentEditable='true/false';

隐藏:

	1.display:none;
	2.visibility:hidden;
	3.高度为0,然后overflow:hidden;
	4.css3 :加属性
	hidden=""

input新增的表单

	1.input type="hidden"隐藏,不消失
	2.type="email"邮箱
	3.type="url" 网址
	4.tel:电话
	5.search 搜索:可以将搜索内容取消
	6.range:调音效果,结合js可以实现
			min="1"
			max="10"
			step:步长
	7.number:数字
	8.datetime-local:本地时间
	9.week:星期
	10.month:月份
	11.time:时间   时:分
	12:required:必需值,必填
	13:file:上传
				加属性:multiple选择多个上传文件
				属性:autofocus自动获取光标

语义化:

H5标签
banner
nav
footer
section:布局
aside:定义页面内容之外的内容

伪类选择器:

1.p:after 伪元素
2.placeholder
3.input::placeholder 伪类{
	color:red;
}

音频:

audio
	属性:
		src:音频url地址
		controls:音频控件 ,显示控件
		autoplay:自动播放
H5标签: embed  引用音频、视频

属性:
	loop:音频循环播放
	muted:自动播放
视频未播放器前设置封面:poster="图片地址"
做兼容使用的子标签source
	<video src="img/1.mp3"  width="800" height="">
		<source src="1.mp4" type="video/mp4"></source>
		<source src="1.ogv" type="video/ogg"></source>
		<source src="1.webm" type="video/webm"></source>兼容
	</video>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

资本理念

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值