- 博客(14)
- 收藏
- 关注
RSS订阅原创 html5+css3【6】
影音多媒体video元素和audio元素基础知识video元素在html5中专门用来播放网络上的视频或者电影。audio元素在html5中专门用来播放网络上的音频。使用video和audio元素进行播放时就不再需要使用其他插件了，只要我们的浏览器支持html5就可以了！浏览器的支持Safari3以上、Firefox4以上、Opera10以上、chrome3.0以上版本都对audio元素和video元素支持！使用方法audio元素只需要给他一个指定的src属性：<audio src=
2020-06-11 21:04:01
362
原创 html5+css3【5】
本地储存在html5中除了canvas元素，另一个新增的非常重要功能就是可以在本地客户端储存数据的webstorage功能。在HTML4中我们是使用的cookies在客户端保存用户名等等一些简单的用户信息。cookies的缺点：1.大小限制在4kb；2.带宽浪费；3.难以操作；为了解决止痒的一些问题，在HTML5中重新提供了在客户端保存数据的功能，他就是我们的“webstorage”。sessionStorage 临时保存session就是在打开网站到关闭网站之间要求 进行保存的数据。
2020-06-10 21:09:39
207
原创 html5+css3【4】
绘制文字绘制字体时可以使用filltext方法或者stroketext方法。filltext方法用填充的方式来绘制字符串：context.filltext ( text , x,y,[maxwidth]);stroketext方法用轮廓的方式来绘制字符串：context.stroketext（text,x,y,[maxwidth]）;第一个参数text表示要绘制的文字，第二个参数x表示要绘制的文字的起点横坐标，第三个参数y表示要绘制的文字的起点纵坐标，第四个参数maxwidth为可选参数（可以不填写
2020-06-09 20:51:20
266
原创 html5+css3【3】
初识CANVAScanvas是在html5中新增的一个重要元素，专门用来绘制图形。创建方法：指定id、width、height。创建一个canvas画布<< canvas id=“canvas” width="500"height=“350”>< /canvas>这个实例的意思是创建一个长度为500，高度为350的画布。引入脚本的方法< script type=“text/javascript” src=“canvas.js” charset=“utf-8”&g
2020-06-08 20:46:11
145
原创 html5+css3【2】
新增的非主体结构元素header标题部分hgroup分组标题与子标题footer与它相关的区块的注脚信息address在页面中呈现联系信息header元素的使用header元素是一种具有引导和导航作用的结构元素，通常用它来放置整个页面或页面内一个内容区块的标题，但也可以放置logo、搜索表单等操作。在HTML5中，一个header元素至少可以包含一个heading元素（h1-h6），也可以包括hgroup元素。（注意：一个页面可以多次出现header
2020-06-07 20:30:49
316
原创 html5+css3【1】
HTML5中新增的主题构造元素article一个独立的区域section分块元素aside附属信息标志nav页面导航链接组time时间元素pubdate文章发布时间标志article元素的使用article有自己的标题header和页脚footer，如果一段内容相对较为独立则使用article元素，若想将一段内容划分为几段，则使用section元素。section元素的使用section由内容和标题组成，是网页内容分块的元素，有对文
2020-06-06 19:08:27
171
原创 DIV+CSS布局【1】
DIV和SPAN 盒模型的应用1.div和span在html标记中没有任何意义，他们的存在就是为了应用CSS样式。他们的区别在于span是内联元素，div是块级元素。下面用一张图展示他们的不同：如图：div会占据一整行，span只会占用一下部分，这是他们的区别。2.盒模型margin盒子外边距padding盒子内边距border盒子边框宽度width盒子宽度height盒子高度...
2020-06-05 20:58:13
155
原创 CSS常见属性【5】
CSS常见属性1.字体属性font-family设置字体系列font-size设置字号大小font-weight设置字体粗细font-style设置字体样式a:link正常链接的样式a:hover鼠标放上去的样式a:active选择链接时的样式a:visited已经访问过的链接样式简写格式：font:style weight size line-height family;2.背景属性bac
2020-06-04 20:57:35
180
原创 CSS新手上路【4】
选择器优先级：从弱到强HTML选择器 class选择器 id选择器相同的 靠近元素的优先级别高组合选择器可以多个选择器一起使用a:link 正常链接的样式a:hover 鼠标放上去的样式a:active 选择链接时的样式a:visited 已经访问过的链接样式background-color 背景颜色background-image:url(路径) 背景图片background-repeat:repeat 重复平铺满屏backg
2020-06-03 21:03:01
87
原创 CSS新手入门[3]
id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 "#" 来定义。class选择器class选择器可以为标有特定class的HTML。元素的格式class选择器以"."来定义。
2020-06-02 21:21:00
102
原创 CSS新手入门【2】
font-family 设置字体系列font-size 设置字号大小font-weight 设置字体粗细font-style 设置字体样式简写：font:style weight size line-height family;文本颜色：color文本对齐：text-align文本装饰：decoration（去除下划线）文本缩进：text-indent（段落缩进）Emmet语法前身Zen coding,用缩写来提高HTML和CSS的编写速度。..
2020-06-01 20:23:13
108
原创 css菜鸟入门【1】
CSS写在下的CSS语法规范： 选择器{属性：属性值；}选择器是用于指定CSS样式的HTML标签属性和属性值以"键值对"的形式出现属性和属性值用：分开多对键值对之间用；隔开选择器分为基础选择器和复合选择器基础选择器由单个选择器组成分为：标签选择器，类选择器，ID选择器，通配符选择器...
2020-05-31 23:21:53
168
原创 HTML新手上路【1】
<p>段落 <br />换行 <strong>加粗 <em>倾斜 <del>删除线 <ins>下划线 <div>（独占一行）和<span>（一行可以放多个）无语义，做盒子用 <h n>标题独占一行 <img src="图片地址" alt="图片显示不出来时显示的文字" title="鼠标放...
2020-05-30 21:09:58
308
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人