夬月十三-CSDN博客

原创补充页面解决方案

1.垂直或者水平居中1>行内元素/文本水平居中 text-align:center; 垂直居中 line-height:xxx px;(当高度与父元素height高度相同垂直居中);2>块级元素1>给父元素设置display:flex; align-items:center; //垂直居中 justify-content:center; //水平居中2>给父元素设置display:flex; 给子元素设置margin:auto; //上下aut

2021-01-20 15:08:01 125

原创 css之伸缩盒

1.伸缩盒父元素display： flex;//设置当前盒子为弹性盒子 1.所有子元素自动成为成员项item 2.子元素宽高尺寸超过父元素时，默认被压缩 3.所有子元素的float属性失效flex-direction：row // 默认设置子元素的显示位置flex-wrap：warp; //子元素宽度超出父元素是否换行align-items：stretch; //默认值盒子在交叉轴上进行拉伸，直至适应整个伸缩盒子容器子元素：flex：number; //当

2021-01-19 19:00:41 204

原创前端学习日记（三）css的概念、语法、作用、选择器、文本样式、列表样式、盒子、背景样式、边框样式、布局

html:建房子css:装修1. 什么是css？层叠样式表（cascading style sheet）css不能脱离html页面而单独存在。2. 语法1）属性的设置属性名与属性值之间使用冒号分割多对属性之间使用分号分割最后一对属性可以不加分号 1.style <div style="width:100px;height:100px;background-color:red"></div> 2.其他代码块选择器{ wi

2021-01-13 18:28:24 239

原创 html之标签的使用

1.img：width、height、src、arlt2.br：换行符（单标签）<br>3.hr：水平线（单标签）<hr>对于hr而言私有属性： size:设置水平线高度 width:设置水平线的宽度 align:水平线的位置 left、center、right <hr size="10px" width="100px" align="right">4.sub:下标5.sup:上标eg:10<sup>2</sup&gt

2021-01-13 10:49:23 228 1

原创前端学习日记（二）html的知识框架及简单应用

1.什么是html？Hyper Text Markup Language超文本标记语言，一种标识性的语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一。超文本：超越普通文本；能够在文本内插入图片、音频、视频、超链接等等。标记语言：（1）编译语言：C、javahello.java->hello.class->解析system.out.print(1+1);//2特点：编译语言需要编译后才能运行；本身具有逻辑能力和行为能力。（2）脚本语言：javascript(JS)

2021-01-12 09:41:51 166

原创 axure之中继器的操作

对中继器的简单操作举例解释1.选取表格添加到图中位置，删除至一行，在添加中继器到左边一列中，如图。2.将表中表头修改为序号、姓名、班级，并将这一行复制粘贴到中继器当中x=0,y=0位置,如图。3.将中继器复制的这行内容清空，如图。4.点击中继器，点击样式，如图。5.对中机器的样式进行修改，中继器中序号、姓名、班级分别对应为左栏中id、name、clazz。并对表格内容进行添加。如图。6.对中继器进行交互，打开交互大面板，选中设置文本下的矩形框，修改目标元件为表格单元，值可以直接修改也

2021-01-11 10:04:05 1174

原创前端学习日记（一）Axure Rp9简单应用

一、Axure工具介绍1.文件：新建、打开、保存、导入、导出page 1为图像等。2.编辑：剪切Ctrl+X、复制Ctrl+C、粘贴Ctrl+V、查找Ctrl+F、替换Ctrl+H、撤销Ctrl+Z。3.试图：标尺、网格和参考线（显示网格、对齐网格等）。4.项目5.布局6.发布：预览、生成原型文件、更多生成配置（以html生成配置）。等等。二、单选按钮的互斥行为1.从元件库中选两个单选按钮，修改文本为男、女。2.选中两个元件（点击一个元件按住Ctrl选择第二个元件，也可以通过左边大纲栏选

2021-01-06 19:24:27 818

原创前端课程体系

前端课程体系axure ：(属于UI课程)（1）用于作需求分析、画原型。最基本的是增删改查。（2）项目：可行性分析：项目经理需求分析：开发人员、项目经理、甲方（罗列功能、原型设计出一套页面->开发人员）实际开发（3）展示原型页面：1.以图片方式展示：文件->导出page1为图像2.以原型文件方式：以后缀名.rp文件存储文件->保存（.doc，.png，.txt）3.以html文件方式以.html为后缀名；.js文件发布->生成html配置前端三大底层

2021-01-06 09:39:22 1651 5

weixin_45060861的博客