yueyue_226的博客

原创 javascript

原创 javascript的选择结构

if结构 if(表达式1){ if(表达式2){ 这里的代码，表达式1成立，表达式2也成立。 } } if选择结构的示例： // 用户输入一个数，判断它是奇数还是偶数，将判断结果弹出！ var a =prompt("请输入一段数字"); alert(a%2==0?a:"这是一个偶数" ); var age = prompt("请输入你的年龄") if (age >= 20) {

原创 表单

计算机中存储的最小单位为字节。每一个字节中存的就是0/1。英文，符号 = 8个字节汉字 = 16个字节 2bit1GB = 1024MB1MB = 1024KB1KB = 1024bit1bit = 8字节表单：收集不同类型的用户输入信息。 **输入框，密码框，文本域 下拉菜单，单选，多选** form标签： 作用：定义一个表单。 一个表单是由表单元素组成的。 标签：只是说开始标签与结束标签。 元素：在HTML中，从开始

原创 表格

table –> </thead><tbody> <tr align="center"> <td>绿里奇迹</td> <td>美国</td> <td>1999</td> <td><img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy...

原创 flex弹性盒模型

flex是弹性盒子，display：flex用来定义一个盒子的模型为弹性盒子，弹性盒子默认子元素的块级元素是并排展示的display: flex;定义一个盒子，定义盒子是写在父盒子CSS上/* 子元素的展示方式是垂直方向展示，row是默认水平方向展示 */ flex-direction: row; flex-direction: column; /* 子元素的换行wrap是换行，nowrap是不换行 */ flex-wrap: wrap; flex-wrap: nowrap; /* fl

原创 transition和animation的区别

两者的区别，触发条件不一样transition一般通过hover和事件等触发，而animation 是立即触发animation可以设定循环次数animation可以很灵活的控制动画过度transition可以实现简单的动画交互效果过渡transition是一个复合属性，包括transition-property、transition-duration、transition-timing-function、transition-delay这四个子属性。通过这四个子属性的配合来完成一个完整的过渡效

原创 浮动

浮动设置浮动的愿意是为了让元素能横向排列可以给子元素设置浮动元素float: left; 但是给子元素设置浮动以后，子元素脱离文档流，子元素的父元素就没有高度，这样就会造成高度塌陷的问题解决方法 是给父元素设置类目clearfix给父元素设置clearfix的样式格式如下：.clearfix::after{ content: ""; /* clear:both; 必须写在块级元素下才可以生效。 */ clear: both; display: bl

原创 浮动

浮动1.标准文档流的排序方法是从上到下,从左到右，上面位置发生变化下面的位置也会随之发生变化2.元素的分类块元素：h1-h6，div，P，ul ,li ,ol ,dl ,dt dd 行内元素：span，strong，a , b, i ,em,img行内元素转换为块元素：display：block 行内块元素:display:line-block行内元素与块级元素的转换我们可以通过改变display的值来改变元素的类型。块级元素转行内元素（了解）display：inline;行内

原创 盒模型

盒模型1.div span 是我们常见的大小盒子2.img input 是文本元素一个大盒子的组成元素是有一个大盒子包裹着div大盒子，border边框，padding内边距，width+height内容的宽高#### 小属性写法 padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px;复合属性写法/* 上下左右四个值都为10px 上

原创 font属性的文本样式

font 的字体属性font是一个复合属性，通过font可以给字体设置颜色，大小，样式。![在这里插入图片描述](https://img-blog.csdnimg.cn/2021031820434966.png/* 这是字号大小 */ font-size: 12px; /* 这是字体颜色*/ color: #000; /* 这是字体*/ font-family: Georgia, 'Times New Roman', Times, serif; /* 设

原创 CSS选择器和CSS权重

CSS选择器和CSS权重它主要用来修饰网页。对网页中元素位置的排版进行像素级精确控制，同时支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。使用HTML和CSS，就可以写出静态的网页了。CSS选择器要想编辑一个网页，首先需要选中被编辑的对象，这就要使用CSS选择器。1.类别选择器类选择器根据类名来选择，前面以”.”来标志。如：.wrap这的类名在HTML中class属性定义。2.标签选择器一个HTML页面是有很多不同的标签组成，而标签选择器，则是决定哪些标签采用相应的

原创 html 表单

html 表单的结构1.表单元素包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。2、提示信息一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。3、表单域表单域相当于一个容器，用来容纳所有的表单元素和提示信息，可以通过它定义处理表单数据所用程序的 url 地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。html 表单的标签分别是 form、input、textarea、select、option