- 博客(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笔记day12
Adobe Photoshop,简称“PS”],是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编 辑工作。
2022-10-08 08:43:52
86
原创 web笔记day10
表单:采集不同类型用户输入的数据,然后发送给服务器,实现用户与服务器之间的数据交互一个完整的表单包含:表单域,表单控件(表单元素),提示信息,共三个部分;
2022-09-30 13:30:00
63
原创 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新手入门笔记
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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人