H5C3和Html,css相比有什么变化

1-H5

H5新增元素:header、footer、section、aside、nav、article、button、progress(进度条标签)
H5的新增表单属性placeholder(input输入框的提示信息)、autofocus(input页面加载后自动获取焦点)、required(输入框的值不能为空,表单提交时判断)、maxlength(最大长度)、minlength(最小长度)、novalidate(不验证表单)、autocomplete(设置是否自动完成)
H5新增的表单输入框类型email(提交时验证是否有@符号)、
url(提交时验证是否含有http://或者https://)、
number (只能输入数字)、
search(右侧有×号,点击清空内容)、
range(显示滚动条范围)、
color(显示拾色器)、
time(显示小时和分钟时间)、data(显示年月日)、month(显示年月)
audioControls:音频控件 Loop:循环播放 Muted:静音
videoControls:视频控件
Loop:循环播放
Muted:静音
Height:高度
Width:宽度

2-C3

属性选择器

选择所有带有x属性元素:[属性名]
选择所有带有x属性=y属性的元素:[x=”y”]
选择所有带有x属性=y-开头属性的元素:[x|=”y”]
选择所有带有x属性=y属性值开头的元素:[x^=”y”]
选择所有带有x属性=y属性值结尾的元素:[x$=”y”]
选择所有带有x属性=包含y属性值子字符的元素:[x*=”y”]

伪类选择器

:first-child获取指定选择器的第一个元素
:last-child获取指定选择器的最后一个元素
:nth-child(n)获取指定选择器的第n个元素(所有子元素的顺序)
:nth-last-child获取指定选择器的第n个元素(从最后一个开始计数)
:nth-of-type(n)获取指定选择器的第n个元素(所有指定选择器的顺序)
:nth-last-of-type(n)获取指定选择器的第n个元素(从最后一个开始计数)

伪元素选择器

::first-letter选中文本内容的第一个汉字或者字母
::first-line选中文本内容的第一行
::before在当前元素的内部的前边添加
::after在当前元素的内部的后边添加

CSS3新增

CSS3颜色新增RGBA,HSLA模式
CSS3阴影box-shadow(盒子阴影),text-shadow(文本阴影)
CSS3圆角边框border-radius
CSS3盒子模型box-sizing
CSS3背景background-size 设置背景图片的尺寸
background-origin 设置背景图片的原点
background-clip 设置背景图片的裁切区域
CSS3渐变linear-gradient(线性渐变)、
radial-gradient(径向渐变)
CSS3过渡transition-property (css属性)
transition-duration(过渡的周期)
transition-timing-function(过渡的时间速度曲线):ease(默认的)、linear(匀速的)
transition-delay(过渡的延迟)
CSS3自定义动画animation-name动画的名称
animation-duration动画的周期
animation-timing-function动画的时间速度曲线
animation-delay动画的延迟
animation-iteration-count动画的次数(infinite无限)
animation-paly-state:paused动画的暂停
动画的开始:@keyframes动画的名称
开始From{}
结束to{}
CSS3-2D转换transform:translate(x,y)平移
rotate(x,y)旋转
skew(x,y)扭曲
scale(x,y)缩放拉伸
CSS3-3D转换transform-style:preserve-3d;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值