前端
关注
分享
扫一扫
文章平均质量分 64
书小宅
积跬步，成江河。
展开
-
书小宅之网页设计——基本概念
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma.........原创 2019-07-19 22:08:55 · 815 阅读 · 0 评论 -
书小宅之网页设计——标签
HTML常用标签文档结构标签 <html>……</html> ：标识HTML文档的起始和终止。 <head>……</head> ：标识HTML文档的头部区域。 <body>……</body> ：标识HTML文档的主体区域。文本格式标签 <title>……</title> ：标识.........原创 2019-07-20 10:28:41 · 398 阅读 · 0 评论 -
书小宅之网页设计——用之有道
网页标题title：title定义的标题仅是在浏览器标题栏中显示的信息。title作为属性用来定义提示文本。网页内容的标题hi：一般一个网页应该只有一个一级标题（主标题），也就是说网页内容应该只用依次h1元素。h2元素定义网页栏目的标题，h2元素作网页副标题时也应该只用一次。h3元素定义子栏目的标题。文档的标题层次一般在三层左右。设计引用信息：q元素定义单行引用，如论文、博客中引.........原创 2019-07-21 13:33:26 · 233 阅读 · 0 评论 -
书小宅之网页设计——HTML嵌套规则
body元素能够直接包含的元素有ins、del、script和block类型元素。 ins和del元素能够直接包含块状元素和行内元素等不同类型的元素，但行内元素禁止包含块状元素。 p、h1、h2、h3、h4、h5和h6元素可以直接包含行内元素和纯文本内容，不能够直接包含块状元素，但是可以间接包含块状元素。 ul和ol元素-只能够直接包含li元素，但是.........原创 2019-07-22 14:19:45 · 419 阅读 · 0 评论 -
书小宅之网页设计实战——带有背景音乐和动画的网页
链接：https://pan.baidu.com/s/10byYYUq-7IrKVmvRKAUUXg提取码：nw72目前，大多数音频是通过插件来播放的，常见的播放插件有flash。HTML5新增了audio音频的标签，主要定义播放声音文件或者音频流的标准。audiob标签的属性：其用方法如下：<audio src="song,ogg" controls="controls".........原创 2019-07-23 15:29:50 · 619 阅读 · 0 评论 -
书小宅之网页设计——使用html5实现多边形和圆动画
html5新增的绘图标签Canvas，逐像素进行渲染，可以通过JavaScript在网页上绘制任意2D图形。使用路径绘制自定义形状<!doctype html><html><head><meta charset="utf-8"><title>定义画布</title><style> body{back......原创 2019-07-24 09:18:52 · 768 阅读 · 0 评论 -
书小宅之网页设计——二次贝塞尔曲线和三次贝塞尔曲线
贝塞尔曲线贝塞尔曲线起始点和终止点在曲线上，方向控制点不再曲线上。<!doctype html><html><head><meta charset="utf-8"><title>初识贝塞尔曲线</title><style> #myc{display:block; margin :auto; bord......原创 2019-07-25 14:11:32 · 1590 阅读 · 0 评论 -
书小宅之网页设计——canvas状态的保存save与恢复restore
saveCanvas状态是以堆（stack）的方式保存的，每一次调用save（方法，当前的状态就会被推入堆中保存起来，这种状态包括：当前应用的变形（即移动，旋转和缩放等）：strokeStyle（笔触的颜色、渐变或模式）fillStyle（填充绘画的颜色、渐变或模式）globalAlpha（绘图的当前透明度值0-1）lineWidth（当前线条的宽度）lineCap（线条末端线帽的样式）......原创 2019-07-25 22:49:35 · 668 阅读 · 0 评论 -
书小宅之网页设计——元素重叠globalCompositoOporation
globalCompositoOporation 属性设置或返国如何将- 个源(新的)图像绘制到目标(已有)的图像上。源图像=打算放置到画布上的绘图。目标图像=已经放置在画布上的绘图。下面图例中红圆为源图像，蓝色正方形是目标图像。属性值：source-over默认，在目标图像上显示源图像。source-atop在目标图像顶部显示源图像。源图像位于目标图像之外的部分时不可见的。so......原创 2019-07-28 10:38:30 · 241 阅读 · 0 评论 -
书小宅之网页设计CSS3——多边形
CSS3绘制三角形和梯形div的边框属性border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。1、border-style:dotted solid double dashed;上边框是点状右边框是实线下边框是双线左边框是虚线2、border-style:dotted solid double;上边......原创 2019-07-28 14:27:09 · 1174 阅读 · 0 评论 -
书小宅之网页设计——CSS3的应用
使用CSS3绘制直线就是通过修改div块元素的样式来实现伪类：after在被选元素的内容后面插入内容。伪类：before在被选元素的内容后面插入内容。CSS3绘制直线<!doctype html><html><head><meta charset="utf-8"><title>画线</title><......原创 2019-07-28 17:08:53 · 282 阅读 · 0 评论 -
书小宅之网页设计CSS3——圆角矩形
圆角半径四个方向的参数都写时，对应的顺序是左上，右上，右下，左下。border-radius: 1-4 length|% / 1-4 length|%;注释：按此顺序设置每个 radius 的四个值方向的圆角占类元素宽和高的百分比。如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如果省略 top-rig......原创 2019-07-28 18:07:57 · 506 阅读 · 0 评论 -
书小宅网页设计CSS3——animation动画
Animation矩形向椭圆的渐变<!doctype html><html><head><meta charset="utf-8"><title>CSS3矩形向椭圆的渐变</title><style> .shape-1{ animation-name:rad;/*绑定*/ animatio...原创 2019-07-28 19:31:31 · 439 阅读 · 0 评论