![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5和CSS3
zangyuechao100
这个作者很懒,什么都没留下…
展开
-
HTML5复习 (4)
列表标签为Input标记定义一个下拉列表 配合option标记定义一个元素的详细内容,配合summary一、 iPhone HTC samSung Meizu会出现类似搜索引擎的提示原创 2017-04-28 10:14:06 · 152 阅读 · 0 评论 -
HTML5复习 (3)
状态标签 chrome opera chrome firefox opera 一、meter实时状态显示:气压、气温等里面属性的含义现在的值是220最小值20最大值380低于180会出现警告红颜色高于240会出现警告黄颜色最优值是22075%如果不定义最大值和最小值 就会自动按原创 2017-04-27 21:51:09 · 147 阅读 · 0 评论 -
HTML5复习 (1)
指示浏览器关于页面使用哪个HTML版本编写的指令。DTD是文档类型定义 ,可定义合法的XML文档构建模块,它使用一系列合法的元素来定义文档啊的结构。DTD规定了标记语言的规则,浏览器就能正确的显示内容。HTML5不基于SGML,所以不需要引用DTD。一、H5新增的标签1、结构标签(块状元素)——有意义的DIV 标记定义一篇文章 标记定义一个页面或区原创 2017-04-26 13:50:34 · 297 阅读 · 0 评论 -
HTML5复习 (16)
CSS3动画animation一、animation-name检索或设置动画名称animation-name:keyframename | none;keyframename 绑定到选择器的关键帧名称(后面详细做笔记)none: 指定有没有动画二、animation -durationanimation-duration:time原创 2017-05-06 15:44:21 · 151 阅读 · 0 评论 -
HTML5复习 (15)
CSS3过渡transition允许CSS的属性值在一定的时间内平滑的过渡。在鼠标点击,获得焦点,被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。原创 2017-05-06 15:43:08 · 187 阅读 · 0 评论 -
HTML5复习 (14)
CSS3中的扩展属性一、transform-style属性指定嵌套元素怎么在3D空间中实现transform-style:flat | preserve-3d;二、perspective观察者与Z=0平面的距离,具有3d效果的元素将有透视效果。perspective:500px;三、perspective-orig原创 2017-05-04 19:50:59 · 176 阅读 · 0 评论 -
HTML5复习 (13)
CSS3中的matrixtransform:matrix(1,0,0,1,x,y)就相当于transfrom:translate(x,y)firefox需要添加单位,webkit默认px,translate等要加单位translate就是matrix的简写方式矩阵中的缩放matrix(sx,0,0,sy,0,0)相当于scale(sx,sy)矩阵原创 2017-05-04 19:49:54 · 150 阅读 · 0 评论 -
HTML5复习 (12)
CSS3 3D转换一、rotatetransform: rotateX(); //绕着X轴旋转transform: rotateY(); //绕转Y轴旋转transform: rotateZ(); //绕转Z轴旋转transform: rotate3d(x,y,z,angle); // 第四个参数不能省略二、translatetransfo原创 2017-05-03 16:37:41 · 129 阅读 · 0 评论 -
HTML5复习 (11)
CSS3转换一、rotate 旋转transform:rotate(angle);transform:rotate(8deg);angle 正数表示顺时针,负数表示逆时针。原创 2017-05-02 22:11:46 · 188 阅读 · 0 评论 -
HTML5复习 (10)
CSS3渐变一、线性渐变background:linear-gradient(direction,color-stop1,color-stop2,...)direction方向(默认从上到下,不写就是从上到下),color-stop1开始颜色color-stop2结束颜色1.水平方向 webkit写开始方向 moz、o 写结束方向原创 2017-05-02 21:02:00 · 209 阅读 · 0 评论 -
HTML5复习 (9)
一、CSS3背景图像区域 background-clipbackground-clip:border-box; //从边框开始显示图像,边框之外会被裁剪background-clip:padding-box; //从内边距框开始显示图像,边框之外会被裁剪background-clip:content-box; //从内容框开始显示图像,边框之外会被裁剪原创 2017-05-02 20:17:44 · 183 阅读 · 0 评论 -
HTML5复习 (8)
CSS3边框与圆角原创 2017-05-01 19:17:08 · 150 阅读 · 0 评论 -
HTML5复习 (7)
链接属性一、size二、target //所有的超链接都变成弹出新窗口三、超链接的新增属性a:media= 表示对设备进行优化 handhelp 对手持设备进行支持 tv对电视进行支持a:herflang="zh" 设置语言a:rel="external" 设置超链接的引用 这里超链接为外部链接其他属性原创 2017-04-28 11:22:47 · 172 阅读 · 0 评论 -
HTML5复习 (6)
表单属性一、autocomplete属性form和input应该拥有自动完成功能 提交一次后会有提示功能,自动补全曾经输入过的内容,不希望他有就在input上关闭。二、autofocus规定加载页面时,自动获得焦点。autofocus">三、multiple规定可以选多个值 //可以输入多个邮件地址,用;分开原创 2017-04-28 11:22:06 · 134 阅读 · 0 评论 -
HTML5复习 (5)
其他标签一、 注释标签,定义注释或音标标记定义对ruby的注释内容文本一个需要注释的例子貔Pi。 告诉不支持ruby的浏览器如何去显示,把括号放在rp里面一个需要注释的例子貔 ( Pi ) 。二、使文本有标记(黄色选中状态)需要标记的文本三、原创 2017-04-28 10:15:21 · 207 阅读 · 0 评论 -
HTML5复习 (2)
多媒体标签原创 2017-04-27 20:53:15 · 155 阅读 · 0 评论