自定义博客皮肤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)
  • 收藏
  • 关注

原创 数据类型和运算符

parseFloat(要转换的数据):将数据转换为number类型,从左往右开始转换,遇到不能转换的或者末尾结束,如果一开始不能转换则是NaN,结果保留小数。parseInt(要转换的数据):将数据转换为number类型,从左往右开始转换,遇到不能转换的或者末尾结束,如果一开始就不能转换则是NaN,结果取整(舍弃小数)//------------------------了解-------------------Number(要转换的数据):将数据转换为Number类型 如果转换不了则是返回NaN。

2022-10-18 22:15:09 53 1

原创 javascrip

/ 3.1 document.getElementsByTagName("标签名") 获取整个文档下的对应标签。// 2.2 父元素.getElementsByClassNAme("class名字") 获取父元素下对应的标签。//3.2 父元素.getElementsByTagName("标签名") 获取父元素下对应的标签。==注意:通过标签名获取的是元素集合 获取元素集合中具体某一个元素需要加下标 元素集合[下标]==

2022-10-18 22:13:53 60

原创 响应式设计

也叫响应式布局,响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的。

2022-10-06 17:37:17 59

原创 帧动画设置

keyframes 动画名称(英文) {/* 动画的开始 */​/* 在25%的时候进行的一个动画 */​/* 在50%的时候进行的一个动画 */​/* 动画结束 */​}​from,to表示开始、结束状态,也可以使用0%,100%定义​@keyframes 动画名称(英文) {/* 动画开始 */​/* 动画结束 */}

2022-10-06 17:36:38 139

原创 css3动画&2D|3D

2d坐标轴(图示)x轴:水平,向右为正,向左为负y轴:垂直,向下为正,向上为负。

2022-10-06 17:35:17 31

原创 弹性盒属性

弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。

2022-10-06 17:34:07 130

原创 css3基础## 1、什么是css3?- 是css技术的升级版本,在css2的基础上,新增了许多特性,弥补了css2的不足,使web页面的开发变得更加高效、便捷- css3按模块化进行设

是css技术的升级版本,在css2的基础上,新增了许多特性,弥补了css2的不足,使web页面的开发变得更加高效、便捷css3按模块化进行设计,比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。

2022-10-06 17:32:39 124

原创 html5

html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。

2022-10-06 17:31:43 45

原创 CSS背景

CSS 背景属性用于定义 HTML 元素的背景,通过背景属性我们可以定义元素的背景颜 色、背景图片、背景图片的平铺方式和显示位置等。

2022-10-06 17:29:40 97

原创 2.外边距问题及解决方法1、兄弟关系外间距塌陷问题

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

2022-10-06 17:28:52 95

原创 CSS 盒模型## 1.边框围绕着内容和内填充区域的线

上边框 右边框 下边框 左边框(顺时针方向)三个值:上边框 左右边框 下边框。两个值:上下边框 左右边框。注意:只写一个border-width设置不上边框的宽的,得写上边框的线型。border-width和border-style同样效果。border:边框的宽度 边框的线型 边框的颜色。2.border-style:边框的线型。3.border-color:边框的颜色。默认边框的颜色为元素本身的前景色。边框的宽度 边框的线型 边框的颜色。1.border-width:边框的宽度。

2022-10-06 17:27:44 164

原创 HTML基本

表单:采集不同类型用户输入的数据,然后发送给服务器,实现用户与服务器之间的数据交互一个完整的表单包含:表单域,表单控件(表单元素),提示信息,共三个部分;

2022-09-28 14:26:21 168

原创 web函数

web 函数

2022-09-26 08:36:04 243

原创 css浮动

弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。

2022-09-22 18:28:31 45

原创 html5

html

2022-09-21 14:09:37 41

原创 web css

web

2022-09-19 15:38:06 69

原创 web技术实现

页面开发框架:(1)多端页面:(小程序原生页面、H5)Taro 框架(基于 React技术栈)注2:有些业务,一开始只做H5,后来迭代时,要求做小程序原生页面。这一点也要纳入需求评估。(2)H5页面:Vue.js框架、React 框架(3)App端:Android端开发语言:Kotlin(新)、Java(老) iOS端开发语言:Swift(新)、Objective-C(老)(4)B端开发,UI框架:React 技术栈:Ant Design(简称Antd) Vue 技术栈:E

2022-09-06 09:30:02 328

原创 web前端初始

web前端开发是从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以.

2022-09-01 09:17:59 43

原创 初始css

一、初识CSS## 学习目标- 能够说出什么是CSS- 熟悉CSS的语法规范- 掌握CSS的三种引入方式,能够使用3种引入方式写一个红色的小方块## 1、什么是CSS?### 全称Cascading Style Sheets通常称为CSS样式表或层叠样式表(级联样式表)### 作用- 为HTML标记语言提供了一种样式描述- 即【设置HTML页面中的元素的位置、排版、样式外观等】如文本内容(字体、大小、对齐方式等)、图片的外形(宽、高、边框等)![](C:/Use..

2022-08-25 21:20:27 49

空空如也

空空如也

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

TA关注的人

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