html5/css3
文章平均质量分 84
SuiKaSan
这个作者很懒,什么都没留下…
展开
-
【前端】【html5/css3】前端学习之路(一)(html5新标签/多媒体标签)
一、HTML5新标签及特性发展历程:1.文档类型设定获取结构方式:Document: HTML: webstorm 输入 html:4s 再点击tab即可 XHTML:webstorm 输入 html:xt 再点击tab即可 HTML5:webstorm输入 html:5或者 ! 再点击tab即可 2.字符设定 <meta http...原创 2018-07-30 10:48:16 · 1549 阅读 · 0 评论 -
【前端】【html5/css3】前端学习之路(二)(CSS3新选择器/CSS3盒模型/CSS3过渡效果)
一、CSS3新增选择器1.结构(位置)伪类选择器 :first-child :选取属于其父元素的首个子元素的指定选择器 :last-child :选取属于其父元素的最后一个子元素的指定选择器 :nth-child(n) : 匹配属于其父元素的第 N 个子元素,不论元素的类型 :nth-last-child(n) :选择器匹配属于其元素的第 N 个子元素的每个...原创 2018-07-30 11:39:37 · 345 阅读 · 0 评论 -
【前端】【html5/css3】前端学习之路(三)(CSS3 2D变形/CSS3 3D变形/CSS3浏览器前缀)
一、2D变形(CSS3) transformtransform是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、倾斜、缩放,甚至支持矩阵方式,配合过渡和即将学习的动画知识,可以取代大量之前只能靠Flash才可以实现的效果。1.移动【 translate(x, y) 】translate是移动、平移的意思,也就是在2D平面内以X轴和Y轴为标准进行移动。格式(x和y可...原创 2018-07-31 16:48:36 · 1792 阅读 · 1 评论 -
【前端】【html5/css3】前端学习之路(四)(CSS3动画/CSS3伸缩布局/CSS3背景)
一、动画【 animation 】动画是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。语法格式:animation:动画名称 花费时间 运动曲线 何时开始 播放次数 是否反方向; 以上的几项,除了 名字,动画时间,延时 有严格顺序要求之外,其他顺序随意。 直接用案例理解吧。案例一(基本理解) ...原创 2018-08-01 10:43:57 · 1261 阅读 · 1 评论