自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 笔记-调用栈 call stack

call stack

2023-01-27 02:21:28 90

原创 父子嵌套块-margin外边距合并-测试

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...

2021-06-08 07:47:25 119

原创 浮动练习初级-小米

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2021-06-07 18:10:52 105

原创 快报模块布局分析-综合案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>1.

2021-06-01 00:30:28 165

原创 世纪佳缘-练习hp注册表单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>世纪.

2021-05-31 01:39:49 288

原创 小米商城-产品模块-盒子模型综合练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt...

2021-05-31 01:39:11 531

原创 padding内边距撑开盒子应用-新浪导航栏

标题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti...

2021-05-26 22:23:19 288 4

原创 五彩导航栏练习-css显示模式+三大特性

难点:1.a标签行转块级。一行多个,用display:inline-block;2.文字行高,盒子高,背景图片位置。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte.

2021-05-26 00:37:39 297

原创 王者荣耀小标+背景图位置练习

小图标位置控制+大图居中控制图片位置时,用背景图background-images。不用<img><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w.

2021-05-26 00:34:50 228

原创 小米侧边栏练习-a链接,行内转块级元素,伪类

先自己做了一遍,再对的老师答案。■思路1.侧边栏是一列,首先想到ul/dl。(*错误使用)应该用css修改a标签样式:行内—→块级转换。2.看到侧边栏是一个灰色长方形块,错用滥用div。(*无用多余)a转块级了,自动独占一行,有宽高。■小工具-snipaste(截图-贴图-看参数)1.F1截图2.F3桌面置顶3.alt放大镜4.shift切换取色■重点小技巧:单行文字 垂直居中——→让文字行高line-height = 盒子高度height<!DOCTY.

2021-05-25 13:40:01 366

原创 小说排行榜案例

新手跟练代码,毫无技术=-=主要分享一下箭头图标。。。。因为是复制的“图片网络地址”,不是本地图片,所以大家都能用,不会图裂。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont

2021-05-18 00:41:37 657

原创 CSS-margin:0 auto;水平居中问题

一般margin:0 auto;用于块元素水平居中。注意点:1、块元素only。(inline-block失效)3、块元素未设width也失效。(因为默认块元素width和父元素一样)2、脱标失效:①float:left;                          ②position:absolute;      △PS此时margin:Xpx Ypx;是有效的...

2018-08-31 19:15:28 1569

原创 JavaScript—sort排序原理

困难点:不知道sort排序规则和内部工作原理内部原理:冒泡排序。*************************冒泡排序算法的原理如下: 比较相邻的元素。如果第一个比第二个大,就交换他们两个。 对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。 针对所有的元素重复以上的步骤,除了最后一个。 持续每次对...

2018-08-31 14:17:17 4534 3

空空如也

空空如也

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

TA关注的人

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