souuuuuux-优快云博客

原创父子嵌套块-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 208

原创浮动练习初级-小米

<!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 192

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

<!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 258

原创世纪佳缘-练习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 383

<!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 721

原创 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 423 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 410

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

小图标位置控制+大图居中控制图片位置时，用背景图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 342

原创小米侧边栏练习-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 532

原创小说排行榜案例

新手跟练代码，毫无技术=-= 主要分享一下箭头图标。。。。因为是复制的“图片网络地址”，不是本地图片，所以大家都能用，不会图裂。 <!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 778

原创 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 1673

原创 JavaScript—sort排序原理

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

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

soraru的博客

原创笔记-调用栈 call stack