自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 【初学者】第一次写了这么长的代码!!

我太激动了!!从早到晚 都在写这个代码[刚学一部分知识,还不太熟悉]【求大佬别喷我 我会继续努力的】

2021-01-23 21:09:56 91

原创 【初学者】初学者学前端的心路历程

今天,是我正式学习前端的第十天,我的专业是计算机大类下的,但是我的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关注的人

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