<pre> 1.HTML5 用于图形绘制 通过js脚本来完成 标签只是图形容器 必须使用脚本来绘制图形 步骤: 1.创建一个画布canvas 一个画布在网页中是一个矩形框 通过canvas元素来绘制 默认情况下canvas元素没有边框和内容 指定id width height定义画布的宽高 可以在H ...
分类:
Web程序 时间:
2021-02-08 12:30:25
阅读次数:
0
前端基础THMl知识1 块元素和行内块元素 参考视频链接 块元素:无论内同多少,元素只占一行 (P、h1-h6) 行内元素:内容撑开宽度,左右都是行内元素都可以排成一排(a) 列表 有序列表:<ol> <li>1</li></ol> 无序列表<dl> <dd> 2</dd> </dl> 内联 (<i ...
分类:
Web程序 时间:
2021-02-05 10:55:32
阅读次数:
0
Flex布局的基本内容: felx布局意为“弹性布局”,主要用于为盒状模型提供最大的灵活性。被广泛的应用于移动端,PC端的响应式布局。 首先:定义盒子为flex布局: .box{ display:flex; // 行内元素也可使用flex布局 // display:inline-flex;} 设置为 ...
分类:
其他好文 时间:
2021-02-02 10:31:03
阅读次数:
0
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>div和span</title> </head> <!-- div和span div标签 层,块级元素,标签会自动换行。 常用于布局。 常用属性: align div元素中内容的对 ...
分类:
其他好文 时间:
2021-01-26 11:40:38
阅读次数:
0
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>a标签</title> </head> <!-- 超链接a标签 定义超链接,用于从一个页面链接到另一个页面 行内元素,不会换行。 常用属性: href 必须标签(如果未设置该属性, ...
分类:
其他好文 时间:
2021-01-26 11:40:19
阅读次数:
0
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>常用标签</title> </head> <!-- 格式化标签 font 行内元素 不会自动换行 设置字体相关的属性 常用属性 color 字体颜色(颜色名,rgb,16进制) s ...
分类:
其他好文 时间:
2021-01-25 11:38:37
阅读次数:
0
浮动 可以让多个块标签处于同一行 不用转换成行内元素 宽和高以及盒子模型的特征的以保留 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .outerDiv{ bo ...
分类:
其他好文 时间:
2021-01-14 11:07:15
阅读次数:
0
一、浮动: ①、float:left/ right; 二、浮动特性: ①、浮动的元素不占有原先位置,后面没有浮动的元素会挤过来压住浮动的元素。 ②、添加了浮动的元素具有了行内块元素的特性: a、不论什么元素都可以设置宽高。 b、所有浮动元素都在一行显示。 c、没有浮动的块级盒子如果没有设置宽度,他的 ...
分类:
Web程序 时间:
2021-01-13 10:47:37
阅读次数:
0
其实vertical-align是用来设置行内元素对齐方式的。说白了就是display属性值为inline、inline-block、inline-table另加一个table-cell的元素。 作用1:可以大概的让元素居中对齐 作用2:去除图片底色的空白缝隙,这种情况是图片下面有空白部分 ...
分类:
其他好文 时间:
2021-01-02 10:54:01
阅读次数:
0
效果如下: 原理,以宽高比图像(红色)<控件(蓝色)为例,即图更竖长。让l移到l'处、r移到r'处,即求下图中x即可。 注意,图中除x以外,都指的是像素位置(上下左右的意思,而不是边长)。 代码如下:CImage image在头文件里,m_IDCpic是Picture Control控件鼠标右键创建 ...
分类:
编程语言 时间:
2021-01-01 13:00:46
阅读次数:
0