- 博客(19)
- 收藏
- 关注
原创 day05流程控制语句和this及自定义属性
属性分类固有属性 本身自带的属性 class id style src alt等等操作固有属性:标签.属性值名自定义属性// 1.操作固有属性 取赋值一体化 标签.属性名 class需要改成className//"box"//"wrap"//2.如何设置自定义属性//2.1 直接在标签上添加属性,在结构上能看到 但是在js中无法获取。
2022-10-17 20:37:20
66
1
原创 运算符和流程控制语句
结果为true要执行的代码(只能写一行代码) :结果为false要执行的代码。选择结构(分支语句):if if-else if-else if -if switch。语法:if(判断条件){ 条件成立执行的代码 }else{条件不成立执行的代码 }case 情况1: 匹配到情况1所执行的代码;case 情况2: 匹配到情况2所执行的代码;case 情况3: 匹配到情况3所执行的代码;case 情况4: 匹配到情况4所执行的代码;case 情况5: 匹配到情况5所执行的代码;
2022-10-16 21:15:06
66
原创 js的交互
2.2 父元素.getElementsByClassNAme("class名字") 获取父元素下对应的标签。3.2 父元素.getElementsByTagName("标签名") 获取父元素下对应的标签。document.getElementsByTagName("标签名") 获取整个文档下的对应标签。父元素.getElementsByClassNAme("class名字") 获取父元素下对应的标签。注意:通过标签名获取的是元素集合 获取元素集合中具体某一个元素需要加下标 元素集合[下标]
2022-10-12 20:36:45
110
原创 开始js之路
基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。DOM:Document Object Model 文档对象模型。行间和内部缺点一样,都是结构样式不分离,不利于后期维护。ECMASCript:js的语法标准 常用的对象。js就是基于对象和事件驱动的解释性脚本语言。
2022-10-11 21:44:11
50
原创 calc函数
视口简单来说就是浏览器显示页面内容的区域。视口:浏览器显示内容的屏幕区域,相当于PC端浏览器可视区 (白板区域)在PC端,正常的视口宽度就是整个浏览器的窗口可视区的宽度,会随着浏览器窗口大小的重置而缩放;
2022-09-26 19:57:31
409
原创 背景的一些小知识
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。
2022-09-26 19:53:54
52
原创 弹性盒的一些知识
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。
2022-09-20 20:57:31
97
原创 长度单位和一些小知识
float浮动 (left right) margin内间距 padding外间距 transfrom-origin旋转基点。设置margin margin: 50px auto;rem 相对单位 相对于html的font-size 吧设置1rem=16px。给父元素设置水平居中 text-align: center;./当前目录 ../上级目录 /根目录 img/ img文件夹下。父元素的font-size 不设置时,1em=16px。% 相对定位 父元素的大小 父元素的百分之多少。
2022-09-13 19:58:20
75
原创 盒子之间的并列
溢出显示滚动条 不管有没有溢出,都会显示滚动 overflow: scroll;解决:分别给这两个元素设置一个父元素,并给父元素设置overflow:hidden。2如果父元素也有margin-top值会与子元素的margin-top值合并,1元素嵌套关系,子元素的margin-top值会叠加给父元素。垂直方向的溢出情况 overflow-y: hidden;溢出显示 overflow-x: visible;溢出隐藏 overflow-x: hidden;溢出auto overflow-x: auto;
2022-09-13 19:56:30
153
原创 项目起名的一些小单词
video.html-------视频播放页。login.html-------登录页。register.html----注册页。list.html--------列表页。public.css---公共样式 i。ndex.html-------首页。login.css---登录页样式。reset.css---重置样式。ndex.css---首页的样式。list.css---列表页样式。asset---静态资源文件夹。images---图片文件夹。css----css文件夹。js----js文件夹。
2022-09-13 19:54:14
123
原创 定位的认识
表示“将元素放在文档布局流的默认位置,HTML 元素的默认值,即没有定位,遵循正常的文档流对象。3.属性值取值相同的情况下,按照结构中的顺序排列次序,后来居上。注意:z-index属性要与定位一起使用才有效,否则无效。2.属性值可以取值为正数,0,负数,没有单位(整数)1.元素脱离正常文档流,不占位(也脱离文本流,全脱)1.z-index的属性值越大,它的层级就越高。后面加载的定位元素默认会覆盖在先加载的定位元素上。标签添加定位之后,可以覆盖在页面的其他标签上。z-index属性:设置定位元素的叠放次序。
2022-09-07 08:27:46
60
原创 清浮动的方法
4.在浮动元素之后,与浮动元素呈并列关系的位置,加一个不浮动块元素(空的div标签(div本身不浮动,没有尺寸)),在空的div标签上加上属性:clear:both;element::before{ content:"伪元素的文本内容";} element元素内部,内容之前,添加“伪元素的文本内容”element::after{ content:"伪元素的文本内容";3.为浮动元素的父盒子添加overflow属性;1.给浮动元素的父级盒子设置一个固定的高度。2.为浮动元素的父级盒子设置浮动。
2022-09-05 14:21:59
36
原创 css的层叠与浮动
5.推荐方式:用伪元素清除浮动,给浮动元素的父级盒加类名.clearfix,并在.clearfix中添加样式: .clearfix::after{ content:'';4.在浮动元素之后,与浮动元素呈并列关系的位置,加一个不浮动块元素(空的div标签(div本身不浮动,没有尺寸)),在空的div标签上加上属性:clear:both;element::after{ content:"伪元素的文本内容";浮动的概念:浮动可以使元素脱离文档流,按照指定方向排序,直到遇到父元素的边界或另一个浮动元素停止。...
2022-08-31 21:34:06
93
原创 外间距塌陷问题
解决办法: 分别给这两个元素套一个父元素,并为父元素设置overflow:'hidden'1.当子元素设置上外间距的,此时子元素与父元素不会产生上外间距,上外间距会叠加给父元素。原因: 父元素和子元素公用一个上外边距区域,子元素与父元素还是不会产生上外间距,现象:元素呈并列关系,在垂直方向相邻的margin外间距相遇,会出现叠加现象;此时父元素的上外间距的取值: 子元素与父元素上外间距的值一样大,取当前值。子元素与父元素上外间距的值不一样大,取最大值。2.当子元素和父元素都有上外间距时,...
2022-08-30 19:49:49
69
原创 今天的收获
background: palegreen url(照片) no-repeat center center;溢出显示滚动条 不管有没有溢出,都会显示滚动条overflow: scroll;background: 颜色 url repeat position;溢出显示 默认值 overflow: visible;溢出自动 自动识别计算 overflow:auto;background-image: url(照片);溢出隐藏 :overflow: hidden;图片默认在水平方向和垂直方向平铺。...
2022-08-29 20:12:52
40
原创 初识css
css为HTML标记语言提供了一种样式描述 (字体,颜色,宽高) 即设置HTML页面中的元素的位置,排版,样式外观等(如文本内容 :字体 ,大小,对齐方式等),图片的外形(宽高边框等)style: 样式 sheet:表格。html:结构层 css:样式层。作用范围大于行间样式的范围,结构与表现半分离。相同样式需要重复定义,造成代码冗余,选择器:要设置样式的html标签。css语法:由选择器和声明组成。声明语句:有属性名和属性值组成。声明组:由声明语句组成。
2022-08-25 17:02:39
42
原创 我的前端之路
表格要写在table里,tr写在table,th/td写在tr里。cellspacing单元格与单元格之间的距离 默认2px。ui和li是有序列表,自带内外间距,宽度默认撑满父元素,还有列表的主体:tbody,一个列表可以有多个。列表里的标题:table,一个列表只能有一个。列表头部:caption,一个列表只能有一个。高由内容撑开,垂直布局,独立成行,自带列表符。列表的底部:tfoot,也是只能有一个。border边框 默认值为0没有边框。bordercolor改变边框颜色。strat=n 从几开始。
2022-08-24 20:24:27
51
原创 我的前端之旅
还有两个挺有意思的,sub和sup,头在上的是下标签,头在下的是上标签。上面说的都是行级标签,行级标签的宽高由内容撑开,一行满了会自动帮你换行。认识了b标签和strong标签都是加粗标签,但是strong加强语气。今天认识了好多单词,当然我以前稍微有一点点基础,所以记起来还可以,还有i标签和em标签都是斜体,em标签加强语气。行级标签不能嵌套块级标签和行内块标签。谷歌 火狐 IE 欧朋 苹果。学了一个新单词,del是删除标签。span控制文本局部样式。
2022-08-23 20:19:50
39
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人