- 博客(20)
- 收藏
- 关注
RSS订阅原创 十大排序--希尔排序
希尔排序的基本思路：首先吧整个数据集合分割成若干个分组（逻辑上分组），然后对每个分组分别进行插入排序，插入排序后，每个分组就变成了有序序列，但整体不一定有序，然后缩小增量为上一个增量的一半，继续划分分组，同样对分组进行插入排序，重复此步骤，直到增量缩小为1，此是分组为整个序列，而且整个序列已经基本有序，再进行一次插入排序，就得到了整体的有序序列。Sedgewick提出了几种增量序列，其最坏情况下时间复杂度为O(n^1.3)，其中最好的一个序列式{1,5,19,41,109……{1,2,4,8……
2023-07-24 20:37:26
56
原创 CSS-CSS3新增的特性 随学笔记
CSS3新增的特性CSS3的现状：新增的CSS3特性有兼容性问题，ie9+才支持 移动端支持优于PC端 不断改进中 应用相对广泛一、CSS3新增的选择器CSS3新增的选择器：CSS3新增了一些选择器，可以更加便捷，更加自由选择目标元素。 1、属性选择器 2、结构伪类选择器 3、伪类选择器1.属性选择器：语法： E[att] 选择具有att属性的E元素 E[att="val"] 选择具有at...
2021-11-25 15:05:41
251
原创 CSS初始化 随学笔记
CSS初始化不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对HTML文本呈现的差异，照顾浏览器的兼容，我们需要对CSS初始化简单理解：css初始化是指重设浏览器的样式。也称为（CSS reset）每个网页都必须先进行CSS初始化。比较经典的初始化：* { margin: 0; padding: 0}/*em和i 斜体文字不倾斜 */em,i { font-style: normal}/* 去掉li的小圆点 */li {
2021-11-17 17:02:07
52
原创 CSS-一些高级技巧 随学笔记
CSS的一些高级技巧一、精灵图1.为什么需要精灵图？ 一个网页中往往会应用很对小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁的接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sprites、CSS雪碧）。*核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。*精灵技术目的：为了有效地减少服务器接收和发送请...
2021-11-15 11:05:14
80
原创 CSS一元素的显示与隐藏
元素的显示与隐藏： 类似网站广告，当我们点击就不见了，但是重新刷新页面，会重新出现。本质：让一个元素在页面中隐藏或者显示出来。常用的三种方法：display、visibility、overflow1.display属性：display属性用于设置一个元素如何显示参数： none：隐藏对象； block：除了转换为块级元素之外，同时还有显示元素的意思； display隐藏元素后，不在占有原来的位置。后面应用及其广泛，搭配J...
2021-11-14 12:23:48
164
原创 CSS重点-定位 随学笔记
CSS重点-定位 position为什么需要定位？有些效果，标准流或浮动都无法快速实现，此时需要定位来实现： 1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 2.定位则是可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置，并且可以压住其他盒子。定位组成： 定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。 定位=定位模式 + 边偏移*定位模式用于制定一个元素在问当中的定位方式。边偏移则决定了该元素...
2021-11-03 21:28:45
70
原创 CSS重点-浮动 随学笔记
CSS重点-浮动（float）传统网页布局的三种方式：网页布局的本质：用CSS来摆放盒子，把盒子摆放到相应位置。CSS提供了三种传统布局方式（简单说，就是盒子如何进行排列顺序） 1. 普通流（标准流/文档流）2.浮动（float） 3.定位。这三种布局方式都是用来摆放盒子的，盒子摆放到合适位置，布局自然就完成了。实际开发中，一个页面基本都包含了这三种布局方式(移动端还有新的布局方式) 。1.标准流： 所谓的标准流，就是标签按照规定好的默认方式排列。 （1...
2021-10-28 20:30:54
102
原创 CSS3-圆角边框、盒子阴影、文字阴影 随学笔记
CSS3中，新增了圆角边框、盒子阴影和文字阴影样式。一、圆角边框（重要）在CSS3中，新增了圆角边框的样式，这样我们的盒子就可以变圆角了。语法： border-radius:length;其中： radius半径（圆的半径）原理：（椭）圆与边框的交集形成圆角效果 --> border-radius属性用于设置元素的外边框圆角。 参数值可以为数值或百分比的形式；注意：如果是正方形，想要设置为一个园，把数值修改为高度或者宽度的一半即可，或者直接...
2021-10-27 20:26:36
155
原创 CSS-盒子模型 随学笔记
CSS-盒子模型页面布局要学习三大核心，盒子模型，浮动和定位，学习好盒子模型能非常好的帮助我们布局页面。1.看透网页布局的本质 网页布局过程： （1）先准备好像相关的网页元素，网页元素基本都是盒子Box； （2）利用CSS设置好盒子样式，然后摆放到相应的位置； （3）往盒子里面装内容。 网页布局的核心本质：就是利用CSS摆盒子。2.盒子模型（Box Model）的组成 所谓盒子模型：就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是...
2021-10-27 20:24:49
89
原创 CSS-三大特性 随学笔记
CSS有三个非常重要的特性：层叠性、继承性、优先级。1.层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。层叠性原则 样式冲突，遵循的原则是就近原则，那个样式离结构近，就执行哪个样式 样式不冲突，不会重叠。<style> div { color: tomato; } div { co...
2021-10-25 17:04:27
78
原创 CSS-背景属性 随学笔记
CSS背景属性CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果: background-color 背景颜色 background-image 背景图片 background-repeat 背景平铺 background-attachment 背景透明 background-position 背景位置一、背景颜色background-color属性定义了元素背景颜色...
2021-10-25 15:04:37
172
原创 CSS-元素显示模式及其转换 随学笔记
首先，什么是元素显示模式？一、元素显示模式元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以很好的布局我们的网页。HTML元素一般分为块元素和行内元素两种类型。1.块元素：常见的块元素有<h1>~<h6> <p> <div> <ul> <ol> <...
2021-10-24 17:39:22
266
原创 CSS-复合选择器 随学笔记
CSS复合选择器：复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。 复合选择器可以更准确、更搞笑的选择目标元素（标签）； 复合选择器是有两个或多个基础选择器，通过不同的方式组合而成的； 常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等。1.后代选择器：后代选择器又称为包含选择器，可以选择父元素里的子元素。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套式，内层标签就成为外层标签的后代 语法：...
2021-10-24 17:28:41
102
原创 CSS引入方式 随学笔记
1.内部样式表：所谓内部样式表，就是在html页面内部写样式，但是是单独写道<style>标签内部。理论上style标签可以放到任何一个地方，但一般放在head标签内，特性： 此种方式可以方便控制整个页面的元素样式设置； 代码结构非常清晰，但是并没有实现结构与样式完全分离。使用内部样式表设定CSS，通常也被称为嵌入式引入，这种方式是我们练习时常用的方式。<style> div { color: deep...
2021-10-24 17:25:55
45
原创 CSS基础-字体和文本属性设置 随学笔记
CSS-美化网页元素-字体和文本属性使用CSS样式美化网页文本具有如下意义。1. 有效的传递页面信息2. 使用CSS美化过的页面文本，使页面漂亮、美观，吸引用户3. 可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容4. 具有良好的用户体验一、字体属性1. 字体设置CSS使用font-family属性定义文本的字体系列，字体可以使用英文字体,也可以使用多个字体，各种字体之间必须使用英文状态下的逗号隔开；注意事项：一般情况下，如果有空格隔开的多个单词组成的字
2021-10-23 09:45:11
633
原创 CSS基础-基础选择器-随学笔记
最近跟pink老师的前端课学习，写写笔记，加深理解首先我们要知道CSS的语法CSS语法：选择器 {属性：属性值；...}基本选择器：标签选择器 类选择器 id选择器 通配符选择标签选择器： 标签选择器就是把某一类标签全部选择出来 （写上标签名），如： <style> p { color: bisque; } div { color: blueviolet;
2021-10-23 09:39:51
68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人