css 03
纯css js 写出星空背景
每次刷新星星的位置都是随机的,可以根据自己需求调整星星的数量和位置,具体代码如下,直接复制就可运行 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Random Starry Sky</title> 5 <style> 6 body { 7 margin: ......
Java数组03:三种初始化及内存分析
声明的时候数组并不存在,只有创建的时候数组才存在 public class ArrayDemo02 { public static void main(String[] args) { //静态初始化:创建 + 赋值 int[] a = {1,2,3,4,5,6,7,8}; System.out.p ......
css改变图片的颜色
background-image: url($img), linear-gradient(#f00, #f00);//也可以实现渐变 filter: drop-shadow(70px 0 0 #EA5E30) ......
所见即所得的动画效果:Animate.css
我们可以在集成Animate.css来改善界面的用户体验,省掉大量手写css动画的时间。 官网:Animate.css 使用 1、安装依赖 npm install animate.css --save 2、引入依赖 import 'animate.css'; 3、在项目中使用 在class类名上an ......
css_使用backdrop-filter实现磨玻璃效果
<div id="container"> <div id="mask"></div> </div> #container { width: 500px; height: 300px; position: relative; border: 1px solid #ccc; background-ima ......
CSS之min-height的使用
1. 关于 min-height 的使用 效果 2. 不给 height 会造成的问题 期望 min-height 生效 3. 直接给 height 会产生的问题 期望被内容撑开的 height 生效 注:no 底边距,==> 到底边的距离,懒得改了555,强迫症大免疫 ......
网页调试(css,html,js)获取资源链接等
进入调试模式 F12或者右键检查 在元素栏点击相应的组件可以查看html源码,图片视频音频链接等, 或者点击组件右键检查还可以查看组件css布局变化 html 元素源码可以看到class类名,触发事件以及style样式 在css上的改变是实时的,刷新页面会失效 html的改变需要双击,同样刷新页面失 ......
css3知识总结
一、css3新增选择器 1.用::selection去除所有鼠标选中元素的背景色 2.用:not来设置选中元素下面的非p标签元素 3.用:root设置网页背景色 :enabled 选择状态可用的【input、button】 :disabled 选择状态不可用的iput、button :checked ......
CSS
CSS 什么是CSS Cascading Style Sheet层叠级联样式表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范--> <link rel="style ......
CSS 中遇到的问题和解决方法
连续的英文字符,符号单独占一行不换行的问题 通常中文会自动换行,英文符号如果没有回车换行符就会一直延伸,解决办法是,给文字的容器添加属性 word-break: break-word ......
day03 Python基础
day03 Python基础 课程目标:掌握Python基础中的必备语法知识。 课程概要: 循环语句 字符串格式化 运算符(面试题) 1. 循环语句 while循环 for循环(后期) while 条件: ... ... ... print("123") while 条件: ... ... ... ......
css基础样式
CSS简介 CSS全称层叠样式表(Cascading Style Sheets) CSS也是一种标记语言,用于给HTML结构设置样式,例如文字大小、颜色元素宽高效果等等 核心思想:HTML搭建结构,CSS添加样式,实现结构与样式的分离 CSS行内样式 行内样式又称内联样式 直接在标签内通过style ......
03. 创建Django项目
一、创建Django项目 二、Django简单示例 2.1、映射URL 用户通过在浏览器中输入 URL 和单击链接来请求网页,因此需要确定项目需要哪些 URL。主页的 URL 最重要,它是用户用来访问项目的基础 URL。 我们在创建 Django 项目时,Django 默认帮我们配置好的路由配置。 ......
day03 Java基础——各种运算符
一、自增自减运算符、Math类 public class Demo04 { public static void main(String[] args) { //++ -- 自增,自减 一元运算符 int a=3; int b=a++; int c=++a; System.out.println(a ......
成品直播源码推荐,原生button按钮css去掉默认样式
成品直播源码推荐,原生button按钮css去掉默认样式 button{border: none;margin: 0;padding: 0;outline: none;border-radius: 0;line-height: normal;}button::after { border: none ......
CSS 也能实现 if 判断?实现动态高度下的不同样式展现
最近在群里,有个小伙伴问了这么一道很有趣的问题: CSS 能否实现,容器再某个高度下是某种表现,一旦超出某个高度,则额外展示另外一些内容 为了简化实际效果,我们看这么一张示意效果图: 可以看到,当容器高度没有超过某一个值时,没有箭头图标。反之,箭头图标出现。 这个效果在很多场景都会出现,可以算是一个 ......
使用scoped后,父组件的样式将不会渗透到子组件中。 不过一个子组件的根节点会同时受其父组件的scoped css和子组件的scoped css的影响。
下列关于scoped的描述错误的是( ) A scoped原理是在标签上添加data-v属性,然后使用属性选择器实现样式局部化 B 使用scoped,父组件的样式会渗透到子组件内部的元素 C 使用scoped不会造成全局污染 D ">"可以实现样式穿透 正确答案:B 使用scoped后,父组件的样式 ......
HTML03(函数,DOM,jQuery,正则表达式)
基础 js是弱类型的脚本语言; 在浏览器的控制台打印:console.log(); 定义对象var obj={}; 对象的属性名默认就是字符串; 函数 前置声明 var result=fun(12,23.44); console.log(result); function fun(a,b){ //参 ......
nodejs学习03——包管理工具npm
关于npm的国内镜像源 一、说明 在前端开发的时候使用国外的镜像源速度很慢并且容易下载失败,有时候需要尝试多次才有可能下载成功,很麻烦,因此可以切换为国内镜像源,下面为常用的npm,yarn,pnpm切换国内镜像源(以淘宝为例)的方式。 二、NPM切换镜像源 查看当前的镜像源。 npm config ......
webpack文档打包html,css,js文件
先用npm init -y,快速生成package.json文件,package-lock.json文件是用来固化依赖包的版本的,导入包后会自行生成,提交给他人项目时,只需要给这两个配置文件,然后输入npm i,即可自动下载依赖。 新建一个webpack.config.js配置文件,以下是配置文件的 ......
黑马pink css5
css有三大特性:层叠性,继承性,优先级。 层叠(覆盖)性:解决冲突 就近原则 恰当地使用继承可以简化代码,降低css的复杂性 行高的继承:font:12px/1.5 1.5表示当前文字大小的1.5倍 body行高1.5,这样写法的最大优势就是里面子元素可以根据自己文字大小自动调整行高 优先级 继承 ......
【2023-11-03】灵感宣泄
20:00 鲁班锁,它就像和平一样,拆开容易组装难,破坏容易重建难。 ——张军 近期,因为自己的一个研发产品概念,让自己兴奋了好几个星期。我几乎“推掉”了所有项目相关工作,全身心投入到这个产品研发当中,一发不可收拾。就好像十年磨一剑,这十年的思绪一触即发,堵也堵不住。走路在想,跑步在想,开车在想,连 ......
微信小程序canvas 设置旋转css 不生效
问题 项目中有使用canvas 生成条码(一维码)的功能,使用的插件wxbarcode来生成的,但是项目需求的条码是要竖向的,插件的生成的是横向的,不知道是否有参数去控制,当时图省事想着直接用css 旋转一下好了,在模拟器上看到的确实也没有问题,但是在真机上就出问题,没有旋转,还发生了偏移 解决 开 ......
黑马pink css4
snipaste 将截图固定在桌面上-快捷键F3 在截图上点击后按alt键可以得到其RGB 让文字垂直居中的技巧是:盒子的行高height等于文本的行高line-height css背景:背景颜色,背景图片,背景平铺,背景图片位置,背景图片固定 background-repeat:是否重复平铺 背景 ......
css3 弹性盒子
flex属性详解 juejin.cn溪阳 网页布局 最早的时候,网页排版通常是通过 table 元素实现的,在 table 的单元格里使用 align、valign 来实现水平和垂直方向的对齐 后来随着 html 语义化 和 CSS 的发展,浮动布局和定位布局也出现了,还有text-align: c ......
CSS实例-切换开关
在线展示: 矩形开关 圆形开关 代码: <!-- 矩形开关 --> <label class="switch"> <input type="checkbox"> <span class="slider"></span> </label> <!-- 圆形开关 --> <label class="swi ......
CSS3学习笔记-动画
CSS3中提供了许多有趣和实用的动画效果,可以使页面更加生动有趣,下面介绍一些常用的动画效果。 @keyframes规则 使用@keyframes规则可以创建一系列动画帧,并定义它们的状态和样式,在页面中应用该动画后,浏览器会自动处理中间帧的变化。 语法如下: @keyframes animatio ......
CSS3学习笔记-过渡
学习CSS3过渡(Transitions)是为了在元素状态之间创建平滑的动画效果。下面是一些关于CSS3过渡的学习笔记: 过渡基础语法: 使用transition属性来定义过渡效果。 通过指定过渡的属性、持续时间、延迟和过渡速度来设置过渡。 可以使用逗号分隔多个属性,为每个属性设置不同的过渡效果。 ......