前端【HTML5+CSS3】

1、新增语义化标签

------ 头部标签

2、多媒体标签
1)多媒体音频标签

  

前端【HTML5+CSS3】_第1张图片
前端【HTML5+CSS3】_第2张图片
2)多媒体视频标签

  
  

前端【HTML5+CSS3】_第3张图片
前端【HTML5+CSS3】_第4张图片
3)新增input标签
前端【HTML5+CSS3】_第5张图片
前端【HTML5+CSS3】_第6张图片
4)属性选择器
前端【HTML5+CSS3】_第7张图片
5)结构伪类选择器
前端【HTML5+CSS3】_第8张图片
nth-child详解
前端【HTML5+CSS3】_第9张图片
6)伪元素选择器
前端【HTML5+CSS3】_第10张图片
注意:想添加文字必须写在content属性内

7)2D转换

            transform: translate(30px,30px); ------ 移动(也可以写百分比,百分比是相对于自身元素的)
            transform: translateY(10px);
            transform: translateX(10px);
            transform: rotate(-50deg); ------ 旋转
            transform-origin: x y; ------ 设置元素旋转中心的(可以给方位名词,如:left bottom)
            transform: scale(x,y); ------ 缩放
            注:可以综合使用,但是位移要放在最前面 如:
            transform: translateX(300px) rotate(360deg);

你可能感兴趣的:(前端【HTML5+CSS3】)