- 博客(38)
- 收藏
- 关注
RSS订阅原创 网页开关灯
以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论 区教导和提问喔。如果有就得移除，如果没有就添加。（还有一个更简便的发现方法如下）这是我所学到的网页开关灯，所以我要分享给你们，希望可以帮助到你们。先写一个页面加载，做按钮点击绑定点击事件，然后获取。然后做点击，点击事件里面获取到。先写一个页面加载，然后获取到。注册点击事件，然后找到。...
2022-08-17 19:12:17
216
1
原创 评分案例
2.在title标签下面给他一个style标签，在style标签里面给他一个*标签设置他的padding为0，margin为0，在*标签下面给他一个comment标签在标签里面给他一个font-size为40px,在给他一个color为yellow，然后在comment li里面给他一个float：left, 下面给他一个ul标签里面给他一个list-style为none。文本为实心的五 角星然后它前面的也要为实心的，在设置后面的为空心的。的星星变成实心的，然后设置它前面的。标签也为实心的，后面的所有的。.
2022-08-07 14:40:04
70
原创 突出显示
3.在设置wrap的margin外边距为100像素，居中0；wrapimg设置他的宽为200pxheight为186px，displayblock，border为0。1.首先在body标签里面给他一个div然后在给div设置一个类名，在div里面给他一个ul标签，在ul里面在给他一个li标签在li标签里面给他一个a标签在a标签里面的herf给他一个#符号然后在a标签里面给他一个img标签然后倒入我们的图片。这是我所学到的突出显示，所以我要分享给你们，希望可以帮助到你们。...
2022-07-27 19:07:32
259
原创 动画相关方法
2.在title下面给他一个style标签里面给他一个样式宽为300像素高为200像素设置背景颜色为蓝色。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔。这是我所学到的动画相关方法，所以我要分享给你们，希望可以帮助到你们。...
2022-07-21 10:49:27
77
原创 等级划分
3.接着elseif为num为大于或大于80成绩为中等，接着同样的方法大于等于70，成绩为良好，接着一样大于等于60，成绩为及格，接着60以下else{alert（“请继续努力”）}以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！2.if的判断（num大于>90）{alert输出（“成绩等级为优秀”）}这是我所学到的分数的等级划分，所以我要分享给你们，希望可以帮助到你们。...
2022-07-21 10:20:29
63
原创 【无标题】
3.接着elseif为num为大于或大于80成绩为中等，接着同样的方法大于等于70，成绩为良好，接着一样大于等于60，成绩为及格，接着60以下else{alert（“请继续努力”）}1.首先在body给一个script，通过var声明一个变量为numprompt(“请输入1~100的成绩”)以上就是我的分享，新手上道，请多多指教。2.if的判断（num大于>90）{alert输出（“成绩等级为优秀”）}这是我所学到的分数的等级划分，所以我要分享给你们，希望可以帮助到你们。...
2022-07-21 10:11:58
32
原创 JavaScript-Style样式
3.我们想用进行改变通过script通过js里面改变，然后还是先要给div一个ID名，这时候var声明一个变量为boxBtn然后document.getElementById获取的他(“box”),获取到他，然后boxBtn.onclick=function直接单击就可以触发他，触发他以后他这个函数里面应该跟这执行的效果改变他的样式boxBtn.style后面跟上width改变他的宽度，通过这个方法我们可以改变他的宽，高，注意backgroundColor的C是大写，边框，圆角效果，然后浏览器打开。...
2022-07-21 09:54:52
170
原创 网页换肤案例说明
1.首先在body里面给他一个ID名，先写div给他一个类名，然后在div标签里面写一个p标签里面写上，请选择网页背景颜色:, 在给6个div,div给他一个ID名 2.在style给他一个通配符把他的外边距设置为0像素，padding也设置为0像素，container的类设置他的宽为400像素，高为40像素同时文字是处于一个居中的状态，加一个line-height的行高也为40像素，边框border，1像素 实线 颜色为黑色，给他一个外边距 上下为50像素 左右为auto，padding填充上下为0，左右
2022-06-16 20:55:56
80
原创 鼠标事件
2.在div下面写script通过var 声明一个变量box= document.getElementById（“box”）获取到他以后，box.鼠标移入onmouseover= function鼠标事件后面在跟着他要执行的代码(){接着改变他的背景颜色box.Style.BackgroundColor = “red”}鼠标移出box.onmouseout = function(){box.style.backgroundColor = "blue";} 3.先确定对象box.onclick = fun
2022-06-07 08:20:36
86
原创 Flex布局案例说明
1.首先在这里看到一个格式这里给了一个div是他的父盒子那么这个父盒子叫做box里面给了三个小盒子叫item2.box就是父盒子他先给了一个宽高，margin就是为了父盒子和浏览器有一定的距离，padding就是让里面的子盒子和父盒子边框有一定的距离，然后在给到背景颜色，然后在给到border-radius就是父盒子的一个圆角效果的10像素，然后box-shadow给到的是阴影部分inset他是内阴影设置，然后最主要是要让display: flex作为转换3.然后bo..
2022-05-25 19:13:18
89
原创 Media案例说明
首先小于539的时候为粉色，第一步通过@media做开头，后面是媒体是显示在什么上面，跟上screen 后面跟上and跟上之后加上小括号，max是最大宽度为539，然后设置一个颜色2.然后在第二个大于540，小于970的时候，同样以什么开头以@media 跟上screen and之后小括号min-width最小值为540像素，大于等于540，为蓝色3.第三个大于等于970是min-width: 970为一个红色这是...
2022-05-17 16:23:13
42
原创 表单
表单单独的表单控件会被自动赋予一些全局样式所有设置了.form-control类的<input>、<select>、和<textarea>元素都将被默认设置宽度属性为width：100%；，将label元素和前面提到的控件包裹在，form-group中可以获得最好的排列表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通，常见的元素主要包括：文本输入框，下拉选择框，单选框，复选框，文本域和按钮等表单.
2022-05-07 19:08:17
142
原创 Flex项目属性布局
项目属性介绍完容器属性，简单介绍下项目属性。容器属性是加在容器上的，那么项目属性呢，就是写在项目上的，就好比容器属性给ul，项目属性给li差不多一个意思。1.order取值：默认0，用于决定项目排列顺序，数值越小，项目排列越靠前。.item {order:<integer>;}取值：默认0，用于决定项目在有剩余空间的情况下是否放大，默认不放大；注意，即便设置了固定宽度，也会放大。.item {flex-grow:<number&...
2022-04-28 09:18:24
73
原创 Flex布局
1.flex-direction属性取值：row(默认)| row-reverse | column | column-reverse用于控制项目排列方向与顺序，默认row，即横向排列，项目排列顺序为正序1-2-3；row-reverse同为横向排列，但项目顺序为倒序3-2-1。column 与row相反，为纵向排列，项目顺序为正序1-2-3，column-reverse同为纵向排列，项目顺序为倒序3-2-1。.box {flex-direction:row | row-reve...
2022-04-28 08:56:03
356
原创 Flex布局
1.flex-flow属性*flex-flow属性是flex-deriction与flex-wrap属性的简写集合，默认属性为row nowrap，即横向排列，且不换行，如果需要控制项目排列与换行，推荐使用此属性，而非单独写两个。.box {flex-flow:<flex-direction> || <flex-wrap>;}2.justify-content属性取值：flex-start(默认)| flex-end | center | spac...
2022-04-28 08:19:25
41
原创 css的引入方式
Css的引入方式一共有三种：行内样式、内部样式表、外部样式表行内样式1通过style属性引入css样式示例：2内部样式表在style标签里面写css样式示例：3.外部样式表Css代码保存到外部的css文件中，html文件通过link标签引用该css样式表。示例：这是我所学到的css的引入方式，所以我要分享给你们，希望可以帮助到你们。以上就是...
2022-04-27 21:33:58
59
原创 css伪元素伪类
1、伪元素伪元素用于设置元素指定部分的样式。比如说设置元素的首字母、首行的样式;在元素的内容之前或之后插入内容常见的伪元素如下图语法：selector::pseudo-element {property: value;}选择器::伪元素{属性：属性值;}常用伪元素 ::after p::after 在每个 <p> 元素之后插入内容。 ::before ...
2022-04-27 21:19:27
534
原创 css 常用属性
1、字体和文本CSS字体属性定义字体，加粗，大小，文字样式.所有CSS字体属性 Property 描述 font 在一个声明中设置所有的字体属性 font-family 指定文本的字体系列 font-size 指定文本的字体大小 font-style 指定文本的字体样式 font-v
2022-04-27 20:55:51
76
原创 选择器
1.元素选择器:通过选择html标签设置css样式示例：直接选取p标签设置文本颜色2.类选择器：通过设置class类设置css样式注意：class命名不能以数字开头示例：设置类名为change的标签中的文本颜色3.ID选择器：通过设置ID来设置css样式 注意：ID命名不能以数字开头示例：设置ID为select的标签中的文本颜色4.后代选择器：写法：divp示例：选择 div标签里面的所有子元素 为p标签5.直...
2022-04-27 20:23:52
55
原创 CSS 2D转换
1translate()从其当前位置移动元素（根据为 X 轴和 Y 轴指定的参数）。示例：2rotate()方法根据给定的角度顺时针或逆时针旋转元素示例：3scale()方法增加或减少元素的大小（缩放）（根据给定的宽度和高度参数）。示例：4skewX()方法使元素沿 X 轴倾斜给定角度。skewY()方法使元素沿 Y 轴倾斜给定角度。示例：这是我所学到的css 2D转换，所以我要分享给你们，希望可以帮助到你们。...
2022-04-27 19:56:15
42
原创 浮动
浮动(float)的三个属性值：left：元素向左浮动right：元素向右浮动none：默认值，元素不浮动，并会显示在其在文本中出现的位置;inherit：规定应该从父元素继承 float 属性的值。通俗解释：浮动的意思就是把元素从常规的文档流中拿出来，浮动的元素在脱离了常规的文档流之后，原来紧跟其后的元素就会在空间允许的情况下，向上提升到浮动元素平起平坐。如果想要浮动元素紧跟的元素停留在原始的位置，不跟着浮动，就对该元素设置clear(清除浮动)的属性值。清除浮动（clear）
2022-04-20 15:47:26
43
原创 CSS3的动画属性
CSS Animation需要指定动画一个周期持续的时间，以及动画效果的名称。上面代码表示，当鼠标悬停在div元素上时，会产生名为move的动画效果，持续时间为1秒。为此，我们还需要用keyframes关键字，定义move效果。.@keyframes 规则可以通过百分比设置 例如 @keyframes move{0%{}50%{}100%{}}也可以 @keyframes move{from{}to{}}*/至此，一...
2022-04-20 15:29:27
56
原创 VS Code的安装和配置说明
学习前端，我们就需要用到一个趁手的开发工具。什么是IDE呢？IDE全称集成开发环境（IDE，Integrated Development Environment ）是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组）都可以叫集成开发环境。下面我们来看一看常见IDE的对比：我们在后面的前端开发学习中主要使用VS code。1.v.
2021-11-17 08:03:31
217
原创 css基础知识
1，在前一章节中我们大概了解了什么是HTML文档，那么在小节中我们讲解一下CSS规则，怎么为HTML添加样式。每个HTML元素都有一组样式性，可以通过CSS来设定。这些属性涉及元素显示的不同方面，例如文本内容的字体、字号和颜色，元素显示的位置等等。CSS就是一种先选择HTML元素，然后设定选中元素CSS属性的机制。CSS选择符和要应用的样式构成了一条CSS规则。2.1解析CSS规则下面我们举例说明：将段落标签的文本内容设置为红色HTML代码：<pid="txtp">t..
2021-11-07 14:35:33
35
原创 定位案例说明
首先打开DW软件进入后,点击文件然后点击新建，然后选择HTML然后创建 2，在<title>定位</title> 中间打上一个标题 <body></body>中间给他一个<div></div>3,在<title>定位</title>，后面给他一个<style></style>然后在<style>&...
2021-10-27 08:40:29
72
原创 三角形案例说明
首先打开DW软件进入后,点击文件然后点击新建，然后选择HTML然后创建 2. 在<title>利用边框制作三角形</title> 中间打上一个标题 <body></body>中间给他一个<div></div>3,在<title>利用边框制作三角形</title>，后面给他一个<style></...
2021-10-18 08:06:25
268
原创 触发案例说明
首先拉出一个矩形，点击填充颜色2，鼠标点击，线宽选择None3,鼠标双击，矩形打上倒计时4，鼠标点击项目，选择全局变量，点击添加，然后点击变量名称打上cf, 然后点击默认值打上10，然后确定5，点击鼠标单击时，点击添加条件,点击元件文字选择变量值，点击旁边的框选择cf,点击==选择>=，值，0，确定，点击设置文字，选择当前元件，然后点击fx,点击插入变量值或函数选择cf确定，点击等待，等待时间为1000毫秒确定...
2021-07-17 19:12:12
68
原创 旋转案例说明
1，鼠标点击，样式，点击填充颜色，填充一个，自己喜欢的颜色2，拉入两张图片，鼠标右键，导入图片，导入一张地球和火箭，然后给图分别打上备注3，点击属性，然后点击更多事件，选择旋转时，然后点击旋转，选择地球，旋转相对定位，角度360，方向顺时针，锚点中心，动画选择线性，时间10000，确定4，点击更多事件，选择载入时，然后点击旋转，选择地球，旋转相对定位，角度360，方向顺时针，锚点中心，动画选择摇摆，时间10000，确定5,首先先
2021-07-07 09:01:52
58
原创 幻灯片案例说明
首先拉出一个矩形，设置好尺寸，填充颜色，鼠标点击，线宽，选择None2，鼠标双击，矩形打上幻灯片即将开始，也可以打其它的3，鼠标右键，选择转换为动态面板4，点击复制，复制4个，点击2编辑状态5，双击矩形，打上3字体大小为48，点击填充颜色，更改颜色6.同样，点击3编辑状态，双击矩形，打上2字体大小为48，点击填充颜色，更改颜色7.同样，点击4编辑状态，双击矩形，打上1字体大小为48，点击填充颜色，更改颜色.
2021-06-27 19:11:20
36
原创 QQ案例说明
1，拉入一个矩形，调整大小2，拉入两个文本框，调整大小，调整位置3，鼠标点击，文本框 ，然后点击属性向下滑动，找到提示文字，输入QQ号码/手机/邮箱4，鼠标点击，文本框，然后点击属性，向下滑动，找到类型选择密码，然后在向下滑动找到提示文字密码5，拉入复选框两个，鼠标双击复选框，打上自动登录，和记住密码就可以了6，拉入文本标签，找回密码拉主要按钮，鼠标双击输入登录，最后预览...
2021-06-16 19:51:17
72
原创 设置顶层案例说明
首先拉出一个矩形 点击那个小圆点，转换为自定义形状，然后鼠标在矩形线上点击一个然后鼠标点击矩形右上角删除右上角，然后调整大小同样在拉一个矩形点击小圆点，转换为自定义形状，鼠标在矩形线上点击两个然后删除右上角和左上角，然后调整大小3，同样，在拉一个矩形点击小圆点，转换为自定义形状，鼠标在矩形线上点击一个，然后删除矩形左上角，然后调整大小4，给三个矩形填充颜色鼠标点击，线宽，选择None6，拉出3个矩形，设置大小7，填充颜色，颜色要跟形状...
2021-06-07 19:08:49
52
原创 轮播案例说明
1，拉入一个图片，鼠标右键，选择导入图片3，鼠标右键，选择转化为动态面版4，鼠标双击，点击复制，复制四个5，点击2在点击编辑状态6，鼠标右键，导入图片，导入你喜欢的图片7，点击3，编辑状态，然后导入图片，同样4也是点击4，编辑状态，导入图片8，鼠标点击，载入时，点击设置面版状态，点击动态面版，选择状态为Next，然后点击向后循环，循环间隔1000毫秒，首个状态挺时1000毫秒切换，进入画面...
2021-05-26 19:28:47
63
原创 设置顶层案例说明
首先拉出一个矩形 点击那个小圆点，转换为自定义形状，然后鼠标在矩形线上点击一个然后鼠标点击矩形右上角删除右上角，然后调整大小3.同样在拉一个矩形点击小圆点，转换为自定义形状，鼠标在矩形线上点击两个然后删除右上角和左上角，然后调整大小4，同样，在拉一个矩形点击小圆点，转换为自定义形状，鼠标在矩形线上点击一个，然后删除矩形左上角，然后调整大小5，给三个矩形填充颜色6，鼠标点击，线宽，选择None7，拉出3个...
2021-05-26 19:07:05
76
原创 2021-05-17
启用和禁用案例说明1，拉入一个矩形2，把他拉成一个长方形3，鼠标点击样式，圆角半径104，鼠标双击矩形就可以打字了，字体大小为205，拉入一个垂直线6，拉入一个文本框调整和大小7，拉入一个关闭形状8，拉入一个主要按钮，鼠标点击样式，圆角半径10，鼠标双击矩形就可以打字了字体大小为209，鼠标点击文本框，然后点击右边文本改变时，点击添加条件10，鼠标点击第三个框选...
2021-05-17 09:01:25
26
原创 2021-05-04
启用和禁用案例说明1，拉入一个矩形2，把他拉成一个长方形3，鼠标点击样式，圆角半径104，鼠标双击矩形就可以打字了，字体大小为205，拉入一个垂直线6，拉入一个文本框调整和大小7，拉入一个关闭形状8，拉入一个主要按钮，鼠标点击样式，圆角半径10，鼠标双击矩形就可以打字了字体大小为209，鼠标点击文本框，然后点击右边文本改变时，点击添加条件10，鼠标点击第三...
2021-05-04 17:53:42
30
原创 2021-05-04
设置尺寸案例说明开发工具与关键技术：Axure作者：莫文芳撰写时间：2021年4月281，首先，拉入图片2，鼠标右击，导入图片后，在拉一个图片3，导入图片后，鼠标右击选择转换为动态面板2张图片都转换为动态面板4，鼠标点击图片,然后点击State1确定5，点击图片右边会出现空白小格子把小格子打上一个备注6，同样我们另外一张图片鼠标点击图片,然后点击State1确定，，点击图片右边会出现空白小格子把小...
2021-05-04 16:45:48
67
1
原创 2021-05-04
设置顶层案例说明注意看红色箭头，共有17个步骤，按顺序操作下去首先拉出一个矩形 点击那个小圆点，转换为自定义形状，然后鼠标在矩形线上点击一个然后鼠标点击矩形右上角删除右上角，然后调整大小同样在拉一个矩形点击小圆点，转换为自定义形状，鼠标在矩形线上点击两个然后删除右上角和左上角，然后调整大小3，同样，在拉一个矩形点击小圆点，转换为自定义形状，鼠标在矩形线上点击一个，然后删除矩形左上角，然后调整大小4，给三个矩形填充颜色...
2021-05-04 15:24:15
33
原创 2021-04-29
显示隐藏案例说明注意看红色箭头，共有18个步骤，按顺序操作下去首先拉出一个矩形 设置好尺寸 填充颜色4拉入图片5，然后鼠标键导右入图片6、设置图片大小7我们同样在拉入图片，设置大小，导入图片.9首先我们鼠标点击图片右边会出现空白小格子把小格子打上一个备注10，然后手按住CTRL键，然后选择大图把隐藏框打勾11、首先，鼠标点击小图1然后点击鼠标点击时，然后...
2021-04-29 08:56:11
26
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人