自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 web笔记javaScript-02

什么是js基于对象和事件驱动的解释性脚本语言js的组成ECMAScript js的语法标准 常用对象 js的核心DOM document Object Model 文档对象模型BOM Browser Object Model 浏览器对象模型变量命名规则变量:存储数据的容器 就是给存储区域起个名字以数字 字母 下划线 $组成 但是不能以数字开头不能使用关键字和保留字见名知意 遵循驼峰命名变量重名会被覆盖js的特性基于对象 事件驱动 解释性 跨平台。

2022-10-12 18:59:35 57 1

原创 web笔记javaScript-01

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

2022-10-11 19:10:36 65

原创 web笔记day15

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

2022-10-09 08:30:00 60

原创 web笔记day14

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

2022-10-08 08:46:20 85

原创 web笔记day13

小U课堂。

2022-10-08 08:44:57 45

原创 web笔记day12

Adobe Photoshop,简称“PS”],是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编 辑工作。

2022-10-08 08:43:52 86

原创 web笔记day11

.box{/* 关键代码 *//* 溢出显示省略号 *//* 溢出隐藏 *//* 强制不换行 */}

2022-09-30 23:30:00 58

原创 web笔记day10

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

2022-09-30 13:30:00 63

原创 web笔记day09

注意:子元素设置绝对定位,父元素可以设置相对定位、绝对定位、固定定位, 这三种情况,参照元素都是父元素**

2022-09-29 15:00:00 40

原创 web笔记day06

网页中有很多布局效果,标准流没有办法完成,使用可以利用浮动改变元素默认的排列方式,

2022-09-29 00:15:00 47

原创 web笔记day08

如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的,那么元素的“height”和“width”将隐式地由偏移量决定。注意:所有的元素都能使用以上的属性,元素脱离正常文档流之后,不再区分块级和行级元素,宽度没有设置时,由内容撑开,行内。表示“将元素放在文档布局流的默认位置,HTML 元素的默认值,即没有定位,遵循正常的文档流对象。没有定位父级时相对于html进行定位,有定位父级时相对于最近的定位父级进行定位。1.元素脱离正常文档流,不占位(也脱离文本流,全脱)

2022-09-28 15:30:00 49

原创 web笔记day05

本身属性为display:block;的元素 称为块级元素常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol本身属性为display:inline;的元素称为行级元素常见行级元素:span,strong,em,i,a,b本身属性为display:inline-block的元素称为行级块元素常见行内块元素:img、input(表单元素后续会讲到)没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开默认独立成行——默认垂直布局。

2022-09-28 00:15:00 49

原创 web笔记day07

css精灵英文叫法 css sprites,通常被解释为“CSS 图像拼合”或“CSS 贴图定位”;其实就 是把网页中一些背景图片整合到一张图片文件中,再利用 CSS “background-image”, “background- repeat”,“background-position”的组合进行背景定位,background-position 精确的定位出背景图片的位置为了使特殊形状的背景使能够自由拉伸滑动,以适应元素内部的文本内容,出现了CSS滑动门技术。最常见于各种导航栏的滑动门。

2022-09-27 23:30:00 70

原创 web笔记day04

围绕着内容和内填充区域的线1.border-width:边框的宽度单位:像素注意:只写一个border-width设置不上边框的宽的,得写上边框的线型2.border-style:边框的线型1.solid 单实线2.double 双实线3.dashed 条状虚线4.dotted 点状边框5.none 没有边框3.border-color:边框的颜色1.关键词2.十六进制色值默认边框的颜色为元素本身的前景色4.复合写法例子:一个值:四个边框两个值:上下边框 左右边框。

2022-09-27 00:15:00 52

原创 web笔记day03

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

2022-09-26 09:39:38 68

原创 web笔记day02

Cascading Style Sheets 通常称为CSS样式表或层叠样式表(级联样式表)CSS选择器是CSS规则的第一部分,每个CSS规则都以一个选择器或一组选择器为开始CSS 选择器即用于“查找”(或选取)要设置样式的 HTML 元素的模式选择器可以分为基础选择器、复合选择器总结使用频率基础选择器中最常用是类选择器id用于页面中唯一模块标签选择器定义的全局样式,单独使用要慎重*号通常用于重置样式【最不常用】

2022-09-26 09:37:12 345

原创 web笔记day01

总结

2022-09-20 11:54:41 51

原创 web新手入门笔记

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

2022-07-31 23:45:00 82

原创 web新手入门笔记

本身属性为displayblock;的元素称为块级元素常见块级元素div,h1-h6,p,ul,li,dl,dt,ol本身属性为displayinline;的元素称为行级元素常见行级元素本身属性为displayinline-block的元素称为行级块元素常见行内块元素img、input(表单元素后续会讲到)没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开默认独立成行——默认垂直布局宽度默认由内容撑开高度默认由内容撑开可以设置宽高概念父元素向后代元素传递属性的机制。...

2022-07-28 23:45:00 138

原创 web新手入门笔记

总结使用频率基础选择器中最常用是类选择器id用于页面中唯一模块标签选择器定义的全局样式,单独使用要慎重*号通常用于重置样式【最不常用】CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括边距、边框、填充、和实际内容。(即装东西的容器)所有HTML标签可以看作盒子,在CSS中,"boxmodel"这一术语是用来设计和布局时使用的。(即网页布局就是利用CSS摆盒子)...

2022-07-27 23:45:00 123

原创 web入门新手笔记

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

2022-07-26 14:48:36 109

空空如也

空空如也

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

TA关注的人

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