冒泡排序--时间复杂度 n^2 题目描述:实现一个冒泡排序 实现代码如下: function bubbleSort(arr) { // 缓存数组长度 const len = arr.length; // 外层循环用于控制从头到尾的比较+交换到底有多少轮 for (let i = 0; i < len; i++) { // 内层循环用于完成每一轮遍历过
margin，外边距，就是设置元素的从边框最外边缘向外（正值）或者向内（负值）的延申的距离。 margin是完全透明的，看不见的。但它是元素之间的边界 margin的边界线是两个元素之间真正的边界线。 元素的外部边界线就是元素的margin边界线。元素的内部边界想就是元素的padding边界线（或者
0. 致谢 首先感谢，awescnb项目及其成员，提供的一系列成果，使得博客园的皮肤美化，变得非常简单且美好。 这里是该项目的使用手册等公告文档，你需要的一切都可以从这上面得到。 这里是该项目最初的作者写的博客园汇总贴。 1. 开始设置博客园皮肤 awescnb的公告文档，已经详细说明了该如何使
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> /**绿色勾*/ .checked { display: inline
6.定位 6.1相对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--相对定位 相对于自己原来的位置进行偏移--> <style> body{ padding: 20p
盒子模型 4.1 什么是盒子模型 margin：外边距 border：边框 padding：内边距 4.2 边框 1，边框的粗细 2，边框的样式 3，边框的颜色 /*body总有一个默认的外边距*/ body{ margin:0; padding: 0; text-decoration: none; } /*border:粗细，样式，颜色*/ h2{ font-
px，魔法单位 | CSS 1px 是指 CSS 中每个屏幕上的 1 个像素吗？ 我们都在 CSS 中使用 px 单位来为宽度、高度、边距、字体大小等赋值。但这里的问题是一个像素到底是多少。它是否适用于所有屏幕尺寸？ 简短的回答是 px 不固定 , 但是 1px 会有 相同的视觉外观 与屏幕像素比、屏幕尺寸或
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>默认</title> <style> div{ margin: 10px; padding: 5px; font-size: 12px;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px au
// 横向虚线 .dash-horizontal { width: 100%; height: 1px; background-image: linear-gradient(to right, #ddd 0%, #ddd 50%, transparent 50%); background-size: 8px 1px; background-repeat: repeat-x; } // 竖向虚线 .dash-vertical { hei
mrgin负值运用，解决产品列表盒子边框合并问题，同时鼠标指上后改变边框状态 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
下面将会实现这样的效果： 创建Notice组件模板： 组件模板 <template> <transition enter-active-class="animate__animated animate__slideInRight" leave-active-class="animate__animated animate__slideOutRight" @after-leave="afterLeave&qu
https://codepen.io/hellohy/pen/QMOyWR <div class="l-container"> <div class="container"> containercontainercontainercontainercontainercontainercontainercontainercontainercontainercontainercontainer <button>
- vue3单文件组件的 <style> 标签可以通过 v-bind 这一 CSS 函数将 CSS 的值关联到动态的组件状态上： template <div class="dynamicClass"></div> script const theme = reactive({ border: '1px solid red', background: 'pink'
文字超出省略用哪个css样式？ 单行文字 #box1 { border: 1px solid #ccc; width: 100px; white-space: nowrap; /* 不换行 */ overflow: hidden; text-overflow: ellipsis; /* 超出省略 */ } 多行文字 #box2 { border: 1px solid #ccc; width: 100px;
CSS - 学习笔记 一、什么是CSS Cascading Style Sheet 层叠级联样式表 CSS : 表现（美化网页） 字体，颜色，边距，高度，宽度，背景图片…… 二、CSS 基本语法 <!-- 规范 style type="text/css" 可以编写css的代码 每一个声明使用分号结尾 语法: 选择器 { 声明1; } --> <styl
@charset "utf-8"; .border, .border-top, .border-right, .border-bottom, .border-left, .border-topbottom, .border-rightleft, .border-topleft, .border-rightbottom, .border-topright, .border-bottomleft { position: relative; } .border::before, .b
学习python，从入门到放弃（39） 伪元素选择器 通过css操作文本内容 修改首个字体样式 p:first-letter { color: red; font-size: 48px; } 在文本开头添加内容 p:before { content: 'hello'; color: blue; }
一、简述QSS：全称 Qt Style Sheets（Qt样式表），用于美化Qt程序界面，类似于CSS，但不如CSS强大，选择器和属性较少。Qt定制化CSS。QSS可以通过控件对象的setStyleSheet方法设置控件样式。二、控件样式设置2.1边框线2.1.1按钮QPushButton 1 //线粗细：1px 2 //线类型：solid实线 3 border:1px
父元素不写高度时，子元素写了浮动之后，父元素会发生高度塌陷 示例代码: HTML代码: <div class="box"> <div class="box-l">left浮动</div> <div class="box-r">right浮动</div> </div> CSS代码: .box{ width:400px; border:1px solid
src\App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <MyHeader :addTodo="addTodo"/><!-- 父组件向子组件传递一个函数，然后子组件调用这个函数把需要的值用形参传递过去 --&
前端-CSS 一、什么是CSS 1.1 什么是CSS 1.2 发展史 css1.0 css2.0：DIV(块标签) span(行标签) ，HTML与CSS结构分离的思想，网页变得简单 CSS2.1 浮动、定位 CSS3.0 圆角、阴影、动画... 浏览器兼容性 1.3 快速入门 html和CSS没有分离 <!DOCTYPE html> <html lang="en"> <head> <me
小程序 wxss 1.demo01{ writing-mode: vertical-lr; 字体方向 font-size: xx-large; 字体大小 font-weight: 500; 字体宽度 font-family: sans-serif; 字体类型 color: cyan; 颜色 text-align: left; 文本对齐方式 display: flex; 弹性布局 font-style: inherit; 斜体或正
1，浮动 浮动的出现是为解决图片站住了文字的效果，想要实现一种文字坏绕图片而产生的技术。 后来随着页面的提升，人们发现，使用浮动技术，可以用来帮助页面布局，所以浮动又有了一些新的作用，比如 可以使用浮动，让无序列表从纵向排列变成横向排列等等。 2，文档流 我们的页面布局实在不做
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html{ width: 100%; height: 100%;
