拾光漫漫可否达-CSDN博客

原创 2021-06-01太极图实现（定位+动画）

效果原理解说：利用一个大的盒子，利用border-radius:50%;设置为一个圆，在大的盒子里面放一个1号盒子（宽是大盒子一半，高度等同大盒子）在左边，利用border-radius左上和左下设值右上右下为0；右边在放一个2号盒子（宽是大盒子一半，高度等同大盒子）在右边，利用border-radius右上和右下设值左上左下为0。利用子绝父相原理，大盒子相对定位，3号盒子和4号盒子都利用绝对定位（宽高都为父盒子的一半），在3号盒子里面再放一个5号盒子，实现垂直水平居中。在4号盒子里面放5号盒子

2021-06-01 17:19:56 306

原创切图+动画实现图形转换

实现效果代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

2021-06-01 12:45:02 219

原创旋转木马案例

旋转木马案例设计原理：采用子绝父相、动画、3D旋转的知识因为要做到旋转木马的效果：那么们可以利用到6张图片，这样每张图片平均60度，注意事项做到3D的立体效果，记得在父元素上加上透视子孩子作了旋转之后，记得在父盒子里保留立体空间要达到旋转木马的效果，必定要加上动画代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equi

2021-05-12 12:35:44 842

原创 3D 导航栏实现

3D导航栏的实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit

2021-05-11 23:00:08 867

原创 for增强语句

for增强语句语句结构：for(声明语句 : 表达式){ //代码句子}代码示例：//for增强语句/*语法结构：for(声明语句 : 表达式){ //代码句子}*/public class Edemo02 { public static void main(String[] args) { int[] arr= {11,22,33,44,55,66};//定义数组 //for:增强语句实现数组的遍历 for (int x

2021-04-20 21:38:46 372

原创三种循环实习九九乘法表、实现其他例子

九九乘法表public class chengfabiao { //利用三种循环实现九九乘法表 public static void main(String[] args) { int i; int j; System.out.println("用for循环实现"); System.out.println("九九乘法表"); for (i=1;i<=9;i++){ System.o

2021-04-20 17:09:40 361

原创三种循环语句的使用

while语句语法结构while( 表达式 ) { //循环内容}while语句和if语句的不同if语句：if语句对条件表达式进行一次测试，若测试为真，则执行下面的语句，否则跳过该语句。whil循环语句：在循环刚开始时，会计算一次“布尔表达式”的值，若条件为真，执行循环体。而对于后来每一次额外的循环，都会在开始前重新计算一次判断是否为真。直到条件不成立，则循环结束。解说;说明顺序结构只能执行一次，而循环语句可以循环代码示例public class Edemo

2021-04-20 15:23:12 478

原创 if语句的代码

if的使用if单分支结构语法格式：if(表达式){//如果表达式为true将执行的语句}代码示例import java.util.Scanner;public class Ddemo01 { //if单分支选着结构 public static void main(String[] args) { Scanner scanner=new Scanner(System.in); System.out.println("请输入数据");

2021-04-19 23:02:30 3764 2

原创 Scanner的使用

例1/*并通过 Scanner 类的 next() 与 nextLine() 方法获取输入的字符串，在读取前我们一般需要使用 hasNext() 与 hasNextLine() 判断是否还有输入的数据。*/import java.util.Scanner;public class Cdemo02 {//Scanner对象 public static void main(String[] args) { Scanner scanner=new Scanner(System.i

2021-04-19 18:29:37 158

原创标识符、基本类型、类型转换、变量、常量、进制类型、运算符

标识符public class Ademo01 {// java标识符 public static void main(String[] args) { String 星星="study";//一般不建议变量直接用中文表示// 大小敏感 String Man="qingtong"; String man="baiyin"; String name="qingtong"; System.out.p

2021-04-19 18:24:26 99

原创子绝父相的介绍（相对定位和绝对定位的使用）

代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g

2021-04-17 17:11:46 14220

原创 HTML标签的基础知识2

2021-04-09 18:33:26 116

原创 HTML标签的基础知识1

标题标签1. 示例< h1 align=“对齐方式”>文本内容< /h1>… …< h# align=“对齐方式”>文本内容< /h#>2. 对齐方式left文字左对齐right文字右对齐center文字居中对齐文字斜体：< em>斜体内容< /em>下划线：< u>带下划线的文字< /u>删除线：< strike>带删除线的文字< /st

2021-04-08 15:43:15 231

翻译嵌套选择器基础重点

一、嵌套选择器它可能适用于选择器内部的选择器的样式。在下面的例子设置了三个样式：p{ }: 为所有 p 元素指定一个样式。.marked{ }: 为所有 class=“marked” 的元素指定一个样式。.marked p{ }: 为所有 class=“marked” 元素内的 p 元素指定一个样式。p.marked{ }: 为所有 class=“marked” 的 p 元素指定一个样式。二、css复合选择器的使用规则1. 注意:不要有空格。有空格表示分别适用

2021-04-07 23:23:21 1179

翻译 CSS中外边距，内边距、尺寸、定位属性

一、margin（外边距）描述外边距属性值各自的含义属性二、内边距描述内边距属性值各自的含义属性三、Dimension（尺寸）描述：属性允许你控制元素的高度和宽度。同样，它允许你增加行间距。属性四、Positioning（定位）1类型描述详细解说（1）clear示例指定段落的左侧或右侧不允许浮动的元素：p{ clear:both;}属性值(2)cursor描述：定义了鼠标指针放在一个元素边界范围内时所用的光标形状属性值

2021-04-07 21:30:12 402

翻译 CSS中的链接、列表、表格、盒子模型、边距属性

一、超链接链接的样式链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。特别的链接，可以有不同的样式，这取决于他们是什么状态。这四个链接状态是：a:link - 正常，未访问过的链接a:visited - 用户已访问过的链接a:hover - 当用户鼠标放在链接上时a:active - 链接被点击的那一刻注意a:hover 必须跟在 a:link 和 a:visited后面a:active 必须跟在 a:hover后面二、列表列表分类ul (无序列表 ) ：列表项标

2021-04-07 20:27:28 217

翻译 CSS背景、文本、字体的属性

一、背景属性一、背景属性详细解说(1) background描述：设置对象的背景例如：background: red url('smiley.gif') no-repeat fixed center;(2)background-attachment描述：设置背景图像是否固定或者随着页面的其余部分滚动例如：/*这个图片不会随着滚动而滚动*/ background-image:url('smiley.gif'); background-attachment:fixed;属

2021-04-06 23:08:27 185

翻译 CSS选择器（伪类）3

一、伪类（段落）选择器示例示例说明:first-of-typep:first-of-type选择的每个 p 元素是其父元素的第一个 p 素:last-of-typep:last-of-type选择每个p元素是其母元素的最后一个p元素:only-of-typep:only-of-type选择所有仅有一个子元素为p的元素:first-childp:first-child选择器匹配属于任意元素的第一个子元素的元素:last-childp:las

2021-04-06 19:05:43 296

翻译 CSS选择器（伪类）2

一伪类（关于超链接）选择器示例示例说明:linka:link选择所有未访问链接:visiteda:visited选择所有访问过的链接:activea:active选择活动链接:hovera:hover选择鼠标在链接上面时:focusinput:focus选择具有焦点的输入元素注意：:link 选择器设置了未访问过的页面链接样式,:visited 选择器设置访问过的页面链接的样式,:hover 选择器当有鼠标悬停在其上的链接样式。

2021-04-06 17:18:11 108

翻译 CSS选择器1

CSS选择器一选择器示例示例说明.class.intro选择所有class="intro"的元素#id#firstname选择所有id="firstname"的元素**选择所有元素elementp选择所有元素element,elementdiv,p选择所有元素和元素element elementdiv p选择元素内的所有元素(1)选择器示例示例说明.class.intro选择所有class=

2021-04-05 23:39:54 140

原创 java的基础知识1

数据类型所有的变量都必须先定义才能使用package demo;public class ds { public static void main(String[] args) { //int a;//没有定义，不能输出 int a=10; System.out.println(a); }}两大类型基本类型(1)数值类型：byte(1字节)、short（2字节）、int（4字节）、long（8字节）（2）浮点类型：float（4字节）、double（8字节）（3）

2021-03-29 22:32:26 75

原创 Windows常用的快捷键

window建使用windows键：打开菜单windows+L：直接锁屏windows+E：打开我的电脑windows+D：桌面闪现windows+R 输入cmd：打开控住台（命令提示符）windows+tab：切换窗口windows+R 输入psr.exe：录像功能windows+fn+home：打开系统属性alt键使用alt+f4：关闭窗口alt+F：打开文件菜单alt+E：打开编辑菜单alt+A：打开表格alt+V：打开视图菜单alt+T：打开工具菜单ctrl键使用

2021-03-29 18:22:28 231

原创 typora的使用

typora的下载和使用下载步骤1步骤2步骤3（选择与电脑相应的系统）步骤4（选择电脑相应的系统类型）步骤5可以直接安装在自己想存放的磁盘或者默认的，我一般选择放在D盘步骤6步骤7步骤8步骤9使用直接在一个新建文件夹里新建一个自文本，把自文本.txt的扩展名直接改成.md。在使用Typora的一些样式（Markdown语法）标题（一级标题）标题（二级标题）标题（三级标题）（注意最多只能到6级标题）字体设置粗体：星星斜体：星星粗体斜式

2021-03-28 22:22:42 507

qq_45287715的博客