css 03

2023-10-26 hexo部署到GitHub时css样式不生效 ==》 css文件链接被识别为不安全链接,导致无法生效

hexo d一键部署后查看效果发现博客页面的样式全丢失了,查看控制台发现了端倪: Mixed Content: The page at 'https://xxx.github.io/' was loaded over HTTPS, but requested an insecure styleshe ......
链接 样式 css 文件 GitHub

主题 CSS 魔改版

(Markdown 格式贴近 Typora 的显示样式) .blogpost-body blockquote { background-image: none; border-left: 5px solid #e2dfdf; border-right: none; border-top: none; ......
主题 CSS

css:transition tab切换 动态滑动效果

<template> <view class="tab"> <view class="item" :class="{'ac':active == 1}" @click="active = 1">item1</view> <view class="item" :class="{'ac':active ......
transition 效果 动态 css tab

Java 练习题03 String类

1. 编写一个程序,将下面的一段文本中的各个单词的字母顺序翻转, "To be or not to be",将变成"oT eb ro ton ot eb."。 import java.util.Arrays; public class Test08 { public static void main ......
练习题 String Java

03-6021蓝牙源码分析

目录一. 非定向广播1. void app_remote_normal_undir_adv(void)1.1. bool app_remote_check_bond_state(void) 一. 非定向广播 1. void app_remote_normal_undir_adv(void) void ......
源码 6021 03

【图形学笔记】Lecture02&03 光栅化、抗锯齿、Z-buffer

目录Lecture02-Digital Drawing 数码绘画Triangles - Fundamental Area Primitive 三角形——基本区域Rasterization 光栅化Sampling 采样Lecture03- Sampling, Aliasing, Antialiasin ......
锯齿 光栅 Z-buffer 图形 Lecture

js中使用css变量(vue)

html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......
变量 css vue

css实现图片的居中、拉大和缩小

resize和overflow实现拉大和缩小,绝对定位+transform实现剧中,max-height和max-width限制图片不能超出div的范围 <html> <head> <style> #div{ background-color: antiquewhite; height: 300px ......
图片 css

CSS3 -- 优化滚动(scroll-behavior | scroll-snap)

实现横向滑动:当子元素溢出父级盒子时,做以下操作。 第一种方式: 1.父级定义可横向滑动。 overflow-x: auto; 2.子元素设置为行内块。 display: inline-block; 3.父元素不允许子元素换行。 white-space: nowrap; 也可以隐藏滚动条 ::-we ......

03前端开发

溢出属性 #文本内容超出了标签的最大范围 overflow: hidden; 直接隐藏文本内容 overflow: auto\scroll; 提供滚动条查看 #溢出实战案例 div{ overflow: hidden; #例如可以把头像多余溢出部分隐藏 } div img{ width: 100%; ......
前端

《代码大全》阅读笔记03

第五章:软件构建中的设计 1、软件的首要技术使命就是管理复杂度,以简单性作为努力目标的标记方案对此最有帮助。 2、好的设计是迭代的,你尝试设计的越多,你的最终方案就会约好。 3、隐藏实现、封装变化。 第六章:可以工作的类 1、类的接口应该提供一致的抽象。很多问题都是由于违背该原则而引起的。 2、类的 ......
代码 笔记 大全

JavaWeb开发-CSS基础

2.CSS层叠样式表基本语法 层叠样式表,用来控制页面的样式 (1)CSS的三种引入方式 内部样式表:适合学习使用,将CSS代码写在style标签里面,style标签嵌套在title里 外部样式表:开发常使用,将CSS代码写在单独的CSS文件中.css;在HTML中使用link标签引入: href放 ......
JavaWeb 基础 CSS

CSS必学:你需要知道的盒子模型的秘密

作者:WangMin 格言:努力做好自己喜欢的每一件事 作为前端开发来说,要掌握的CSS基础一定很多,那么CSS中盒子模型肯定是必考必问必掌握的前端知识点,因为它是CSS基础中非常重要的内容,接下来我们就一起来了解一下盒子模型吧! 什么是盒子模型? CSS 所有的HTML 标签元素在网页中都生成了一 ......
盒子 模型 秘密 CSS

flask学习-03 模型Model 解决flask migtate 时报No changes in schema detected

报如上错误说明建表示失败 flask-migrate是检测上下文中db.Model的子类来创建表的..,所有我们必须让这个app能够知道有这个models文件的存在,所以,在app文件导入类user ......
flask detected 时报 模型 changes

Sea-Search03总结&&un finish

使用到的设计模式 Facade门面模式 为何使用? 在搜索项目中,由于使用Mvc架构且数据库中各种不同类型的数据源并没有放在同一张表,于是我们不可避免的在Controller中需要注入多个service,各种service眼花缭乱,而搜索中台提供的内容又及其单一(只负责返回搜索数据),于是采用Fac ......
Sea-Search amp Search finish Sea

Qt学习03

一、input Widget 1、QComboBox 1、添加备选内容 在设计师中双击添加 在代码中 ui->comboBox->addItem("") 添加 2、常用信号 currentIndexChanged(const QString &arg1) 当前选项的编号被修改会触发 currentI ......

初步了解CSS

初步了解CSS 一、CSS介绍 CSS定义 css(Cascading Style Sheet)层叠样式表,它是用来美化页面的一种脚本语言。 CSS作用 美化界面,比如:设置标签文字大小,颜色,字体加粗等样式。 控制页面布局:比如:设置浮动,定位样式。 CSS基本语法 css是由两个主要部分构成:选 ......
CSS

Unity3D学习记录03——Navigation智能导航地图烘焙

首先还是在Package Manager中安装AI Navigation 接着选择我们场景的地面,右键,找到AI的NavMesh Surface,它会为我们的Ground添加一个叫NavMesh Surface的子物体 在Inspector窗口中可以看到它的详细的参数: 图中的R,H为你人物的参数, ......
Navigation Unity3D 地图 智能 Unity3

css---等宽瀑布流布局制作

瀑布流布局效果如下图: 当前项目需求,如下图: 商品展示,需要按接口返回的顺序展示,依次从左至右,从上至下。 方案1:CSS3 column 属性(实现的布局顺序为先从上到下,再从左至右,所以这种方式仅适用于数据固定不变的情况,对于滚动加载更多等可动态添加数据的情况就并不适用了。) 关键思路: co ......
瀑布 css

芯片设计介绍-03

芯片设计规格书 架构师设计的文档 芯片有一个目标的面积值,先计算固核或者硬核的总面积,计算完成之后得到所占的面积比率,剩下的面积就是RTL代码所能使用的面积,然后使用Nand2x1或者Nand2x2进行估算RTL代码所能使用的门数 在RTL进行综合之后会得到门数,进行比较 在进行PR的时候首先界定芯 ......
芯片 03

Struct ForDemo03

package com.chen.struct; public class ForDemo03 { public static void main(String[] args) { //练习2:用while或for循环输出1-1000之间能被5整除的数,并且每行输出3个 for (int i = 0 ......
ForDemo Struct 03

03_流程控制语句

![](https://img2023.cnblogs.com/blog/2114512/202310/2114512-20231022124251843-1521549599.jpg) ![](https://img2023.cnblogs.com/blog/2114512/202310/2114... ......
语句 流程 03

css 跟随屏幕大小变动

在网页设计中,我们常常需要让元素随着屏幕大小的变化而自适应。这样可以让网页在不同尺寸的设备上显示得更加美观和合理。CSS提供了很多的技巧来实现这一目的。 第一种方法是使用百分比来设置元素的大小。比如,可以将容器宽度设置为100%,这样容器就会随着屏幕大小的变化而自适应。同时,也可以使用百分比来设置字 ......
屏幕 大小 css

软考上午03程序语言

机器语言汇编语言统称为低级语言。 机器语言即01组成的序列 汇编语言即用符号表示指令语言 编译执行:执行效率高,占用资源小但是兼容性差 解释执行:可移植性好,开发速度快,与用户通信方便,但是效率低 编译过程分为六个阶段: 词法分析,语法分析,语义分析,中间代码生成,代码优化,目标代码生成 词法分析阶 ......
语言 程序

复习css

复习css 样式 内联样式,行内样式,外部样式优先级 离HTML元素越近,优先级越高 内联样式离元素近:行内样式>内联样式>外部样式 外部样式离元素近:行内样式>外部样式>内敛样式 本质:浏览器从上到下解析过程中,后出现的样式会覆盖较早出现的样式 选择器 基本选择器 id > 类 > 标签 本质:定 ......
css

HTML+CSS面试题

1、内元素和块级元素的区别? 行内元素:不会独立出现在一行,单独使用的时候后面不会有换行符的元素。eg:span, strong, img, a 等。这些元素,默认的高宽,总是其内容的高宽。并且,margin和padding值,只有左右有效。 块级元素:独立在一行的元素,他们后面会自动带有换行符。e ......
HTML CSS

03前端开发【css结束】

伪元素选择器 '''通过css操作文本内容''' 1.修改首个字体样式 p:first-letter{ color: red; font-size:48px; } 2.在文本开头添加内容 p:before{ content: '哈哈'; color:bule; } 3.在文本结尾添加内容 p:aft ......
前端 css

防御性CSS

什么是防御性CSS呢? 我的理解是我们所写的网页的内容不完全是静态的,也是可以发生变化的,因此也就增加了CSS出现的问题。不管网页的内容是多是少,还是窗口尺寸是大还是小,页面里面的内容与布局是要能正常显示而不会被破坏。 Flexbox 折行 Flexbox 是 CSS 中经常使用的布局,在父元素中设 ......
防御性 CSS

03包装类

包装类 一、什么是包装类? 基类数据类型所对应的引用数据类型。(基本类型本身是没有属性和方法的) 基本类型一般都是存储在栈里面 引用类型数据都是存储在堆里面,栈里面存的是引用类型的一个地址。 Object 可统一接收所有数据,包装类的默认值是null。 包装类对应的基本类型: 基本数据类型 包装类型 ......

css 背景样式 梯形/平行四边形

绘制这种不规则的背景图形,目前我的思路是使用伪元素 伪元素的优点在于不用添加新的元素 实现平行效果使用了css transform: skew(); 具体代码如下 { position: relative; padding-left: 12px; color: #2187FF; background ......