自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 一. js逻辑

顺序结构(代码依次从上往下执行)选择结构(分支语句) if if-else if-else if-else switch循环结构:for while do-while for-in。

2022-08-25 21:38:22 57 1

原创 day02 JS交互

*------------------------------了解-----------------------------*/document.getElementsByClassName("class名")----获取到的是集合 集合名[下标]// 5. 16进制 以0x开头 范围0-9 a-10 b-11 c-12 d-13 e-14 f-15。//string "检测数据"document.getElementsByTagName("标签名")----获取到的也是集合。

2022-08-24 19:38:36 67

原创 数据类型和流程控制语句

/ 总结:Number可以转换的有:string类型(纯数字,""-0 " "-0) boolean(true-1 false-0) null(0)// parseFloat: 将数据转换成number类型,从左往右转换,遇到不能转换的或者是末尾结束,如果一开始都不能转换则是NaN 保留小数。作用:将数据转换成number类型,从左往右转换,遇到不能转换的或者是末尾结束,如果一开始都不能转换则是NaN 并且取整(舍弃小数)// 1.number类型转换 非0即真(只要不是0 都是true)

2022-08-24 19:37:46 59

原创 一.js初识

HTML--超文本标记语言---结构CSS---层叠样式表-----样式js---js脚本语言---网站交互==基于对象和事件驱动的解释性脚本语言==基于对象:。事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。解释性解释性:可以直接识别,读一行执行一行编译性:高级语言,c c++ ,先编译计算机能识别的,再执行(速度快)

2022-08-22 18:45:21 46

原创 阿里矢量图标(字体图标)

1.使用步骤1.登录阿里矢量图标网站2.搜索想要的图标且加到购物车3.点击右上角的购物车4.选择下载代码,下载完成后解压文件5.把下载的文件放到你的项目中6.引入iconfont.css文件或者iconfont.js文件使用三种方式下载代码1、Unicode方式引用Unicode是字体在网页端最原始的应用方式,特点是兼容性最好,支持IE6+,及所有现代浏览器。支持按字体的方式去动态调整图标大小,颜色等等。但是因为是字体,所以不支持多色。font-size,color。...

2022-08-01 22:24:24 75

原创 CSS 定位

left设置元素距离参照元素的左侧位移,正值往右,负值往左right设置元素距离参照元素的右侧位移,正值往左,负值往右top设置元素距离参照元素的顶部的位移,正值往下,负值往上bottom设置元素距离参照元素的底部位移,正值往上,负值往下。相对定位相对于元素本身的位置进行一个位置调整,占位依然在原来的位置,也就是说,元素设置相对定位后,其原来的位置还占位。定位模式通过position属性来设置,以下为常用四种定位模式静态定位,相对定位,绝对定位,固定定位。2.作为绝对定位的参照物。...

2022-07-27 14:54:34 44

原创 CSS 透明

兼容性IE6、7、8下不兼容,IE9+支持使用background-color属性、color属性、border-color属性等中设置透明度语法rgba(r,g,b,a)r-red取值范围0-255之间g-green取值范围0-255之间b-blue取值范围0-255之间a-alpha取值范围0-1之间表示半透明1表示完全不透明0表示完全透明超出范围的值将被截至最近的极限值。...

2022-07-27 14:52:31 1691

原创 定位元素的层级顺序

层级语法z-indexn;​标签添加定位之后,可以覆盖在页面的其他标签上后面加载的定位元素默认会覆盖在先加载的定位元素上z-index属性设置定位元素的叠放次序特性1.z-index的属性值越大,它的层级就越高2.属性值可以取值为正数,0,负数,没有单位(整数)3.属性值取值相同的情况下,按照结构中的顺序排列次序,后来居上4.正值向上调整层级,负值向下调整层级注意z-index属性要与定位一起使用才有效,否则无效div{100px;100px;}​red;...

2022-07-27 14:51:20 112

原创 一、固定定位

元素的位置相对于浏览器窗口是固定位置。1.元素脱离正常文档流,不占位(也脱离文本流,全脱)2.始终相对于浏览器窗口四个角为原点进行固定定位的。这三种情况,子元素设置绝对定位,参照元素都是父元素。6.如果没有定位偏移属性,对元素本身有影响;相对于窗口定位的元素如弹窗、跟随滚动的导航、侧边栏。4.能使不能设置宽高的行级元素设置宽高。子元素设置绝对定位,父元素设置相对定位。子元素设置绝对定位,父元素设置绝对定位。子元素设置绝对定位,父元素设置固定定位。3.不会随页面的内容滚动而滚动。1.子绝父相(一般都用这个).

2022-07-27 14:50:06 288

原创 文本框和按钮不对齐现象(高度得设置一样)

按钮

2022-07-26 21:13:34 169

原创 HTML表单

表单的作用用于搜集不同类型的用户输入表单的组成表单元素(控件)、表单区域生活中的表单。

2022-07-25 21:29:36 42

原创 清浮动的方法

清除浮动的方法1.给浮动元素的父级盒子设置一个固定的高度优缺点不够灵活,适用于高度固定的布局中​2.为浮动元素的父级盒子设置浮动优缺点会产生新的浮动问题​3.为浮动元素的父盒子添加overflow属性;overflow的属性值可以为hidden,scroll,auto优缺点可能会隐藏内容或触发不需要的滚动条;代码简洁​4.在浮动元素之后,与浮动元素呈并列关系的位置,加一个不浮动块元素(空的div标签(div本身不浮动,没有尺寸)),在空的div标签上加上属性clear。...

2022-07-21 21:41:54 43

原创 外边距问题及解决方法

1、兄弟关系外间距塌陷问题兄弟关系外间距塌陷问题现象元素呈并列关系,在垂直方向相邻的margin外间距相遇,会出现叠加现象;两个值一样大,取当前值两个值不同,取较大值原因并列关系的两个元素共用了一个外间距区域解决办法分别给这两个元素套一个父元素,并为父元素设置overflow'hidden'100px;100px;yellow;50px;​}​100px;100px;red;100px;​​}​hidden;}...

2022-07-19 19:37:06 71

原创 复合选择器

CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括边距、边框、填充、和实际内容。(即装东西的容器)所有HTML标签可以看作盒子,在CSS中,"boxmodel"这一术语是用来设计和布局时使用的。(即网页布局就是利用CSS摆盒子)...

2022-07-18 20:30:46 47

原创 html基础知识

总结使用频率基础选择器中最常用是类选择器id用于页面中唯一模块标签选择器定义的全局样式,单独使用要慎重*号通常用于重置样式【最不常用】

2022-07-15 19:42:51 211

原创 表格结构标签

CascadingStyleSheets通常称为CSS样式表或层叠样式表(级联样式表)

2022-07-14 21:24:30 53

原创 1、HTML列表标签

## HTML列表标签###

2022-07-13 19:33:21 50

原创 html的基本知识

其他br标签:强制换行<br > | <br />应用场景:用于强行换行​> 不参与分类,不能设置其他样式 1)行级标记文本格式化标签span标签:无语义标签,用于区分样式没有实际的语义,可以理解为一个小盒子,里面一般装着一个或几个文本内容应用场景:控制局部文本的样式b标签:一个实体标签,它里面包围的文本显示粗体效果strong标签:一个语义标签,强调语气,它里面包围的文本显示粗体效果i标签:它里面包围的文本显示斜体效果em标签:一个语义标签,强调语

2022-07-12 17:21:50 185

原创 浏览器及内核

- web浏览器是用于读取HTML文件,并将其作为网页显示- 浏览器最重要的部分或其核心是渲染引擎,我们一般称为内核;- 内核的作用负责对网页语法的解释并渲染网页;- 五大浏览器:chrome、safari、Firefox、Opera、IE 1.chrome 谷歌浏览器 生产商:Google 内核:webkit、blink 2.Firefox 火狐浏览器 生产商:Mozilla 内核:gecko 3.Safari 苹果浏览器 生产商:苹果公司 内核:webkit 4.opera 欧朋浏览

2022-07-11 21:15:06 406 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除