自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 day05循环结构和this和自定义属性

3.4.1什么是属性什么是属性:存在开始标签上 属性名=属性值 例如class="box" id="wrap"固有属性:系统给定的属性 例如 class id style href src自定义属性:程序员自己定义的属性3.4.2设置和获取自定义属性如何设置和获取自定义属性...

2022-08-31 22:45:36 67 1

原创 day04流程控制语句

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

2022-08-30 21:15:30 56

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

/ 总结:Number可以转换的有:string类型(纯数字,""-0 " "-0) boolean(true-1 false-0) null(0)// parseFloat: 将数据转换成number类型,从左往右转换,遇到不能转换的或者是末尾结束,如果一开始都不能转换则是NaN 保留小数。console.log(10==="10")//false ===在进行比较的时候 不会隐式转换 必须一模一样才可以。console.log(11%2==0)//true 偶数 false 奇数。...

2022-08-28 22:31:09 60

原创 day02 JS交互

/ 2.设置样式 标签.style.样式名 = 值 注意:如果是-链接的样式 需要改成小驼峰命名 例如background-color改为backgroundColor。/*------------------------------了解-----------------------------*/// 5. 16进制 以0x开头 范围0-9 a-10 b-11 c-12 d-13 e-14 f-15。//string "检测数据"//"11" 是字符串的类型11。...

2022-08-28 22:30:10 52

原创 js学习的day01

HTML--超文本标记语言---结构CSS---层叠样式表-----样式js---js脚本语言---网站交互==基于对象和事件驱动的解释性脚本语言==基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。解释性解释性:可以直接识别,读一行执行一行。

2022-08-23 21:46:04 41

原创 css3基础

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

2022-08-14 22:43:37 52

原创 H5新增的语义元素

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

2022-08-10 22:51:14 85

原创 阿里矢量图标

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

2022-08-10 22:47:31 178

原创 文本框和按钮不对齐现象

按钮​​按钮:按钮

2022-08-07 19:27:27 1061

原创 HTML表单

能够说出表单组成部分掌握HTML常用表单元素掌握HTML常用表单属性表单的作用:用于搜集不同类型的用户输入表单的组成:表单元素(控件)、表单区域生活中的表单:网页中的表单:表单:采集不同类型用户输入的数据,然后发送给服务器,实现用户与服务器之间的数据交互一个完整的表单包含:表单域,表单控件(表单元素),提示信息,共三个部分;语法:<form></form> 作用:定义 HTML 表单域,是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明:比如最为常见的交互操作,

2022-08-07 19:26:19 78

原创 position:fixed 固定定位

元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动:特性特性:1.元素脱离正常文档流,不占位(也脱离文本流,全脱)2.始终相对于浏览器窗口四个角为原点进行固定定位的3.不会随页面的内容滚动而滚动4.能使不能设置宽高的行级元素设置宽高5.提升层级6.如果没有定位偏移属性,对元素本身有影响;应用场景:相对于窗口定位的元素如弹窗、跟随滚动的导航、侧边栏...

2022-08-03 20:47:41 51183 1

原创 清浮动的方法

css精灵英文叫法 css sprites,通常被解释为“CSS 图像拼合”或“CSS 贴图定位”;其实就 是把网页中一些背景图片整合到一张图片文件中,再利用 CSS “background-image”, “background- repeat”,“background-position”的组合进行背景定位,background-position 精确的定位出背景图片的位置css精灵图可以实现特殊形状的背景自由拉伸滑动,能适应不同字数的内容。...

2022-08-03 20:46:50 2883

原创 CSS显示模式

概念:父元素向后代元素传递属性的机制表现:后代元素会继承父元素的属性总结常用可继承的属性一般text-,line-,font-,color开头的基本都能继承​a标签不能继承字体颜色colorh标签不能继承font-weightb.strong不能继承font-weighti,em不能继承font-style​可继承的属性fontcolor强制继承每个CSS属性都接受这些值inherit 表示强制继承”。作用恰当地使用继承可以简化代码,降低CSS样式的复杂性。...

2022-08-03 20:45:49 79

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

指定图像放置于元素内边距区域的位置,一个对应水平方向,另一个对应垂直方向。CSS背景属性用于定义HTML元素的背景,通过背景属性我们可以定义元素的背景颜色、背景图片、背景图片的平铺方式和显示位置等。左上角是0%0%;如果设置为50%50%,图像的中心点将与元素的中心点对齐显示。background-position属性,设置背景图像(由background-image定义)的起始位置。2.如果父元素也有margin-top值,会与子元素的margin-top值合并,取两者较大值;...

2022-07-31 22:42:59 122

原创 CSS 盒模型

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

2022-07-31 22:42:18 41

原创 选择器的类型

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

2022-07-25 22:27:54 379

原创 表格结构标签

CascadingStyleSheets通常称为CSS样式表或层叠样式表(级联样式表)CSS选择器是CSS规则的第一部分,每个CSS规则都以一个选择器或一组选择器为开始CSS选择器即用于“查找”(或选取)要设置样式的HTML元素的模式选择器可以分为基础选择器、复合选择器。...

2022-07-25 22:25:44 85

原创 1、无序列表

列表容器词专业名对专业名次的解释在浏览器中,dd标签的内容会缩进显示​词专业名对专业名次的解释web大前端

2022-07-25 22:24:09 583

原创 行级标签都有哪些以及特点

span标签:无语义标签,用于区分样式没有实际的语义,可以理解为一个小盒子,里面一般装着一个或几个文本内容应用场景:控制局部文本的样式b标签:一个实体标签,它里面包围的文本显示粗体效果strong标签:一个语义标签,强调语气,它里面包围的文本显示粗体效果i标签:它里面包围的文本显示斜体效果em标签:一个语义标签,强调语气,它里面包围的文本显示斜体效果del标签:删除线sup标签:上标sub标签:下标宽度默认由内容撑开高度默认由内容撑开默认横向显示——水平布局,一行排不下,自动折行换行和空格会被解析...

2022-07-12 19:47:13 439

原创 五大浏览器及内核

ie 谷歌 苹果 火狐 欧朋

2022-07-11 19:10:50 1815

空空如也

空空如也

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

TA关注的人

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