- 博客(25)
- 收藏
- 关注
RSS订阅原创 比较运算符
比较运算符：==（恒等） !=（不等于） >= <= > <public static void main(String[] args) { int x = 90, y = 70; boolean flags; flags = (x==y); System.out.println(flags); // false flags = (x!=y); System.out.println(flags); // true fl
2021-05-27 16:31:14
132
原创 逻辑运算符
逻辑运算符&& （短路与） and：只有两个值都为真时才为真，否则都为假|| （短路或） or：只要其中有一个真，那就是真！（非‘取反’）public static void main(String[] args) { boolean x = true, y = false; System.out.println(x && x); // true && true true System.out.println(x &&a
2021-05-27 16:15:15
169
原创 赋值运算符
赋值运算符：=（赋值） += -= *= /= %=public static void main(String[] args) { int a = 10; // 赋值 int b = 260; b += a; // b = b + a; System.out.println(a); // 10 System.out.println(b); // 270 b -= a; // b = b - a; Syst
2021-05-27 16:13:21
107
原创 基本运算符
基本运算符：+ - * / % ++ –public static void main(String[] args) { int x = 100; // 创建变量并赋值 int y = 67; int sum; // 创建变量 System.out.println("====加减乘除===="); sum = x + y; System.out.println(sum); // 167 int jian = y - x; Sys
2021-05-27 16:11:04
84
原创 Java变量
变量：在程序执行期间可以改变的量；特点：变量必须先赋值再使用（初始化）；可以重新赋值；（不需要加数据类型） 变量名 = 值；变量名不可重复。1.创建变量：数据类型 变量名称；2.给变量赋值：变量名称 = 值；简写：数据类型 变量名 = 值； 基本数据类型（4种/8个）：整型：byte(字节) short（短整型 2byte） int（整型 4byte）long（长整型 8byte）浮点型（小数）：单精度float（8bit）、双精度double(16bit)字符型：char unic
2021-05-27 16:04:45
68
原创 flex布局
给父盒子加:display: flex;改变主轴:flex-direction: row;flex-direction: row-reverse;flex-direction: column;flex-direction: column-reverse;主轴上的:justify-content: flex-start;主轴开始位置justify-content: flex-end;主轴结束位置justify-content: center;中间位置justify-content: sp
2020-12-28 16:03:33
75
原创 3D效果
perspectiveperspective: 1000px;它要写在被观察的父盒子上。用来模拟人类的视觉位置，也称视距，即人的眼睛到屏幕的距离。它的单位是像素px。它的值越大，表示视距越远，成像越小，反之。transform-style控制子元素是否开启3D空间效果。transform-style: preserve-3d;preserve-3d：子元素开启3D立体空间。transform-style: flat;flat：不开启3D空间，默认值，2D平面显示。它要写在父盒子上。
2020-12-21 16:30:44
152
2
原创 动画animation
animation: 动画名称 时间 循环次数 时间曲线 动画最终样式;infinite:无限循环时间曲线:ease(默认值 慢-快-慢) linear:匀速动画最后的状态:forwards保留动画最后的样式backwards默认值，回到动画最初的样式animation: donghua 1s infinite linear;animation: donghua 1s linear forwards;创建关键帧：key:钥匙，关键。frames:帧name:动画名字form(也可以写成
2020-12-17 11:27:51
544
原创 过渡、变形、缩放、旋转与斜切
过渡在样式中写transition: 过渡属性 过渡时间 时间曲线 延迟时间;过渡属性：all所有的属性都要变换过渡时间：单位秒s、0的单位可以省略时间曲线：ease（默认值，慢-快-慢）linear（匀速）延迟时间：延后多少开始变化transition: width 3s linear 2s;用了1.5s的时间把盒子的背景颜色变换了transition:background-color 1.5s;ease:默认效果:慢-快-慢transition: width 3s ease;
2020-12-15 11:05:47
370
原创 音视频播放
音频：source：源src：音频路径controls：控制autoplay：auto自动 paly播放 自动播放（但有些浏览器不支持）loop：循环播放muted：静音preload：auto（自动） metadata（加载元数据） none（不加载）<audio controls="controls" autoplay="autoplay" loop="loop" muted="muted">以下是同一首音乐的三个格式，是为了防止不同浏览器的解析问题 <sour
2020-12-14 16:42:51
153
原创 表单标签
<form action="xxx.php" method="post" name="login">action属性：接收数据的服务器地址method属性：数据提交方式get/postget会明文显示出输入内容，不安全，post不会。autocomplete属性：自动完成提示on打开/off关闭name属性：给表单命名...
2020-12-08 11:01:58
73
原创 背景
background-repeat: repeat;背景重复显示repeat：重复显示repeat-x：横向重复repeat-y：纵向重复no-repeat：不重复显示background-position: left;背景图像的位置方位名词：top bottom left right center百分比：50% 50%(居中)background-attachment: fixed;背景固定显示background-size: 100% 100%;背景图片的大小 *css3才有的数值：
2020-12-07 16:34:03
93
原创 定位
position: absolute;绝对定位的元素移动时的参照点是祖先元素的位置如果没有祖先元素或祖先元素没有定位，则以浏览器为准定位如果祖先元素有定位（相对、绝对、固定）则以最近一级有定位元素作为参照点脱标：绝对定位不再占有原先的位置position: relative;相对定位相对定位的元素移动时的参照点是自己原来的位置不脱标：继续保留原先的位置，不会脱离标准流典型应用：给绝对定位当爹的hhh子绝父相（大相小绝）position: fixed;固定定位
2020-12-04 11:28:22
83
原创 清除浮动与元素定位
清除浮动1. 额外标签法：也称为隔墙法。clear:both;清除两侧浮动。both|left|right2. 父级添加overflow:hidden属性3. 父级添加after伪元素.clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden;}↓这是为了兼容IE6/7.clearfix{ *zoom: 1}4. 父级添加双伪元素.cleatfix:be
2020-12-01 11:04:40
220
2
原创 块级元素、行内元素和行内块元素
块级元素：1.独占一行2.可以设置width/height3.默认width是父级元素宽度的100%4.块级元素里面可以放块级元素和行内元素行内元素:1.一行可显示多个2.width/height设置无效3.width默认内容的宽度4.行内元素里只能放文字或者其它行内元素行内块元素:1.一行可以显示多个2.默认宽度是内容的宽度3.可以设置width/height常见的块元素常见的的块元素有<h1>~<h6> <p> <div>
2020-11-24 11:19:04
201
原创 盒子模型外边距
初始化网页元素:网页中所有元素的内外边距都为0*{ margin: 0; padding: 0; }盒子水平居中:左右外边距设置为auto。前提条件：有width。margin: 0 auto;1.给相邻两个盒子都设置了margin时，垂直方向外边距取两者中的最大值；合并解决：只给一个盒子外边距； .box1{ background: pink; margin: 50px; } .box2{ background: lightblue; margin
2020-11-23 10:43:34
565
原创 盒子模型内边距
盒子模型：把HTML页面中的布局元素看做是一个矩形的盒子，就像一个装东西的容器。它包括：边框 border、内边距 padding、外边距 margin和内容content。边框border：border: 5px pink solid;border : 边框的粗细 边框的颜色 边框的样式;边框的样式有：solid:实线边框dashed:虚线边框dotted:点线边框内边距padding：四个值:上-右-下-左；顺时针走向padding: 10px 10px 10px 10px;
2020-11-20 11:03:33
132
原创 三个选择器
1.标签选择器可以选出所有相同的标签。特点：不能差异化选择。例：标签{属性:值;属性:值;…}2.类选择器可以选出一个或多个标签。特点：可以根据需求选择。例：HTML文件中：<标签 class=“nav”>中间放东西</标签>CSS文件中：.nav{属性:值;属性:值;…}3.ID选择器一次只能选择一个标签。特点：每个HTML文档中的ID是唯一的，只能出现一次。例：HTML文件中：<标签 id=“nav1”>中间放东西<
2020-11-17 11:14:39
142
原创 CSS的引入方式
1. 内联样式：用标签的style属性实现。格式：<p style="font-size: 37px; color: blue;">11111</p>这就让字变成了37号字，蓝色颜色。2. 内部样式：用style标签来实现。格式：选择器{属性:值;属性:值;…}例：<style>p{ font-size: 36px; color: purple; }这就让字变成了36号字，紫色颜色。</style>3. 外部
2020-11-16 11:22:13
102
原创 表格标签
表格标签table：表格标签 thead：数据表头部分tbody：数据单元格部分tr：table row 表格的行th：表格的表头td：table data 表格的数据，数据单元格格式<table><thead><tr><th>中间放东西</th>可以放很多th</tr></thead><tbody><tr><td>中间放东西</td><
2020-11-10 10:05:54
198
2
原创 表单标签与按钮
1. 表单域<form>将表单域内的信息提交给服务器。2. 表单标签<input /><select> </select><textarea> </textarea>文本域3. 提示信息- [ ] 以下配合input使用：text：输入标签，文本输入。<input type="text" />password：密码输入。<input type="password" />radio：单选框，
2020-11-09 11:22:48
184
原创 常用标签及属性
单标签<br>换行标签<img>图片标签双标签*要有关闭标签<p>段落标签<title>网页标题<h1>一级标题<h1>~<h6>1级~6级标题标签<em>斜体标签<strong>字体加粗<head> <title>网页标题<title></head><body> <p>段落标签</p>
2020-11-06 11:18:47
321
原创 各种标签与它的效果
1 - 双标签 标题标签<title>这里是标题</title><h1>一级标题</h1><h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><h6>六级标签</h6> 文字格式<strong>让文字加粗显示</strong><em
2020-11-03 10:52:13
105
原创 网页的最简单格式
<!DOCTYPE html><html><head><title>这里是标题</title></head><body>内容—</body></html>
2020-11-03 10:11:42
546
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人