- 博客(15)
- 收藏
- 关注
原创 【开学前总结】js包括数组、函数部分
数组的创建方式【部分内容源自网络】利用 new 创建数组var arr = new Arry();利用数组字面量(见名知意?)创建数组 var arry = []; 更常见数组的长度数组名.length数组的长度是元素个数,不要与索引号混淆arr.length 动态获取数组个数新增数组长度① 修改 length 长度arr.length = 5; 新增空元素初始值为 undefined新增数组元素 修改索引号 追加数组元素,不要直接给数组名赋值,会直接覆盖数组 原本数组内容a
2021-02-28 18:49:05
184
2
原创 移动手机端布局:flex
体验flex布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Document</title> <style> div { display:
2021-02-21 14:14:18
180
原创 html5和css3内容系列更新
html5 简介3d效果 新的css3不被某些浏览器支持 但是一种发展趋势1.1 h5 的语义化标签header 头部nav 导航标签article 内容标签section 块级标签aside 侧边栏footer 尾部标签针对搜索引擎、可以多次使用、在ie9中需要转化为块级元素、移动端使用更多1.2 多媒体标签audio 音频格式 格式有限 ogg mp3 wav属性:control 控制进度和声音 loop 结束时重新播放(循环) src 要播放音频的路径 autoplay..
2021-02-21 14:10:32
236
原创 【品优购项目】总结2
1.li一行放不下的解决办法:给大盒子添加一个overflow:hidden 完美解决问题或者为大盒子增大宽度2.文字和图标的对齐使用vertical-align对齐3.transition 从一个状态渐变到另一个状态 “渐变”transition : 要过渡的属性 花费时间 运动曲线 何时开始花费时间 s 缓慢变化的时间运动曲线 linear匀速 ease减速(默认) ease-in 加速何时开始 可设置时间延迟transition 这句写在原先 不是写在hover上如果.
2021-02-07 22:32:10
265
原创 【品优购项目】总结1
要点总结:1.png-24 图片情况会好很多,不是锯齿状2.浮动的元素和加了绝对定位的元素可以直接给大小3.插入图片用ul+li+a+img4.给定统一的css样式,在需要的时候直接调用,不再重复;同样的结构也可以直接调用5.开始之前先进行结构的剖析,再开始,css样式需要的时候添加,不需要提前规划细节6.把一个图片完全显示放在盒子中,给img加样式 宽高都显示100%7.给li元素成排显示 用左浮动8.浮动后的新的盒子,先给上一个清除浮动,加一个clearfix,否则盒子会跑到上边盒子的下
2021-02-06 23:23:35
323
原创 【b站自学】【初学者】学习前端开发的第三周【日更】
4个规范1.1 属性书写顺序布局定位属性、自身属性、文本属性、其他css3属性命名规范网页ico图标图标 /favicon.ico制作ico切成图片把图片转化为ico图标网站优化三大标签title 网站名-网站的介绍description 说明keyword 关键词 6-8个字体图标可以做图片做的事情支持所有浏览器svg格式- icomoon 字体库转化 -下载-使用下载网站:icofont.cn icomoon复制fonts 在styl..
2021-01-31 17:29:36
108
原创 【第三周网页大作业】请大家批评指教,一枚刚接触前端的“小学生”
如有运用不太恰当的地方,请大家批评指正!下面展示一些 html代码如下 css另附。//<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="bas
2021-01-31 17:28:54
172
原创 【b站自学】【初学者】学习前端开发的第三周【日更】
周四:精灵技术1.1 为什么要精灵技术为了减少服务器接收和发送请求的次数,提高页面的加载速度css精灵技术(css雪碧,css sprites)2 精灵图是所有做背景的图片合成的一张大图片精确测量图片大小,在背景图片时用到,调节位置,一般为负值制作精灵图一般为一个数列摆放的图片 只用调节y值 x值不用动摆放整齐 保留中间的空隙网页分辨率是72rgb 8位是透明色滑动门自动拉伸 使用背景图片+padding3.1 微信案例a 设置背景左侧,paddi
2021-01-31 16:02:16
117
原创 【b站自学】【初学者】学习前端开发的第三周【日更】
周五:元素的显示与隐藏display:none 隐藏对象 先隐藏 又不保留位置display:block 转换为块级元素,还可以显示元素visibllity:inherit继承 hidden隐藏 保留位置 visible可见 显示出overflow visible(默认) sroll(滚动条 不超出盒子 内容显示完全) hidden(溢出隐藏) auto(如果超出就显示滚动条 没有超出就不显示)显示与隐藏总结display使用最多土豆网案例css用户界面样式4
2021-01-27 22:54:14
121
原创 【b站自学】【初学者】学习前端开发的第三周【日更】
周二:定位的扩展1.1 绝对定位的盒子居中对齐绝对/固定不能通过margin居中相对的可以用margin居中left:50%margin-left:向左走 自己宽度的一半 负值垂直居中 同理1.2 堆叠顺序后来者居上一直叠放 z-index z里外数值越大越上显示数字后边不加单位只应用于相对定位、绝对定位和固定定位的元素,其他的标准流、浮动和静态定位无效1.3定位改变display属性行内块不给宽度 默认宽度就是内容宽度div转化为行内块display、浮动、绝对定位也
2021-01-26 19:32:35
97
原创 【b站自学】【初学者】学习前端开发的第三周【日更】
周一:注意事项①li块级元素变成一行,用浮动②子盒子可以比父盒子大将一行宽度改成包含最右侧margin 的数值③ 没有高度的盒子浮动之后,需要清除浮动④自定义列表 dl dt ddchrome 调试工具f12键调节大小ctrl+g 快速定位行数2.1 常见错误单词被划掉element style 是空的 名称错的颜色判断盒子定位 例子:轮播图css 三种机制 普通流 浮动 定位3.1 为什么学定位盒子定在某一个位置 自由的漂浮在其他盒子之上标准流最
2021-01-25 21:29:46
68
原创 【初学者】初学者学前端的心路历程
今天,是我正式学习前端的第十天,我的专业是计算机大类下的,但是我的c语言成绩不太好,学的不太精通,所以,相比于0基础的非计算机大类专业的同学来说,我只能说是0.1基础。初次接触是在11月底,是学习的培训计划,班里几个人混进去学的,由于大二上学业紧,又兼职班助、辅导员助理、学习委员,所以闲暇的时间特别少,生活的琐事让我自顾不暇,一到周末只想疯狂补觉,当时我对这个占用我唯一闲时的前端课程厌烦不已,正赶上,一个周补交疫情之前所有的思想汇报和入党志愿书,一个周写了一万两千字真的特别累【说的有点多,但是真的,当时的
2021-01-20 17:45:07
315
8
原创 【b站自学】【初学者】学习前端开发的第二周
导航栏案例的练习使用后代选择器实现css样式的改变伪类选择器 添加特殊效果链接伪类选择器a:link 未访问过链接的状态a:visited 已经访问过的链接a:hover 鼠标经过链接时的状态a:active 按下鼠标别松开的时候顺序不要颠倒 按照lvha顺序交集选择器的变形给链接单独指定样式一般写整体a 再加1个a:hover 即可不同标签显示效果不一样div独占一行多个span可在同一行标签显示模式块元素行内元素1块级元素 竖着显..
2021-01-19 15:31:56
182
原创 【b站自学】【初学者】学习前端开发的第一周
学习HTML的第一周第一周HTML学习重点知识一览通过bilibili网站黑马程序员的网课进行学习,编译软件是vs code周一:1.我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;全新的 KaT
2021-01-14 17:56:05
364
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人