实用技巧 技巧css

CSS03.字体样式

字体样式 1.CSS外观属性 1.1 color:文本颜色 作用: color属性用于定义文本的颜色 其取值方式有如下3种: 表示属性值 预定义的颜色值(预设值:定义好的单词) red、green、blue 十六进制 淘宝红:#ff4400/#f40 黑色:#000000/#000 白色:#ffff ......
样式 字体 CSS 03

CSS04.选择器

选择器 选择器作用:帮助你精准的选中想要的元素\找到特定的HTML页面元素 1.简单选择器 1.1 ID选择器(JavaScript使用)(不推荐使用) 选中的是对应id值的元素 id选择器使用#进行标识,后面紧跟id名 其基本语法格式如下: id选择器 #id名 {属性1:属性值1; 属性2:属性 ......
CSS 04

CSS07.属性值的计算过程

属性值的计算过程 概念: 定义CSS样式时,经常出现两个或更多规则应用在同一元素上,此时: 选择器相同,则执行层叠性 选择器不同,就会出现优先级的问题。 权重计算公式 关于CSS权重,我们需要一套计算公式来去计算,这个就是CSS Specificity特殊性。 标签选择器计算权重公式 继承或* 0, ......
属性 过程 CSS 07

VScode使用技巧

快捷键 CTRL+SHIFT+X进入扩展界面安装插件 !+Tab 快速创建HTML模板 插件 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 中文插件 vscode-icons 文件夹和文件的图标美化 “Ctrl+Sh ......
使用技巧 技巧 VScode

CSS3动画

动画 动画(animation)是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。 相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。 动画的基本使用,制作动画分为两步: 1.先定义动画 2.再使用(调用)动画 1. @keyfra ......
动画 CSS3 CSS

CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试

@(目录) 测试准备: 新建一个测试项目文件夹 test,然后在 test 文件夹内新建一个名为 css 的文件夹,创建一个名为 style.css的文件,最后在test文件夹下新建一个 test.html 文件。 test | —— | | ——css —— style.css | test.ht ......
子代 后代 CSS

CSS6大种选择器

https://blog.csdn.net/weixin_52682014/article/details/127709889 一、常用的css基本选择器(4种) 1、标签选择器 结构: 标签名{css属性名:属性值}作用:通过标签名,找到页面中所有的这类标签,设置样式注意:1.标签选择器选择的是一 ......
CSS6 CSS

css 下划线动态

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
下划线 动态 css

Qt Creator的CDB调试器--使用技巧与解决调试很慢的心得,重点是Symbols Path设置

CDB(command line debugger)是给控制台调试代码用的,CDB是WinDbg的小兄弟。因为VS的VC++用的调试器是C:\Windows\System32\vsjitdebugger.exe,所以安装Visual Studio是没有cdb的。必须从WDK里面安装Debugging ......
调试器 使用技巧 心得 重点 Creator

CSS:text-align-last文本最后一行的对齐方式

在开发过程中多行文本时出现了其他行左对齐,最后一行右对齐的情况 text-align:规定行内内容如何相对它的块父元素对齐。而且它并不控制块元素自己的对齐,只控制它的行内内容的对齐。要控制文本两端对齐直接写text-align:justify就可以 了,但是对于多行文本,除了最后一行之外都可以实现两 ......
text-align-last 一行 文本 方式 align

CSS 伪元素

CSS 伪元素 CSS 伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法: selector:pseudo-element {property:value;} CSS类也可以使用伪元素: selector.class:pseudo-element {property:value;} htt ......
元素 CSS

伪类和CSS类

伪类和CSS类 伪类可以与 CSS 类配合使用: a.red:visited {color:#FF0000;} <a class="red" href="css-syntax.html">CSS 语法</a> 如果在上面的例子的链接已被访问,它会显示为红色。 http://www.szytjh.co ......
CSS

CSS - :lang 伪类

CSS - :lang 伪类 :lang 伪类使你有能力为不同的语言定义特殊的规则 注意:IE8必须声明<!DOCTYPE>才能支持;lang伪类。 在下面的例子中,:lang 类为属性值为 no 的q元素定义引号的类型: 实例 q:lang(no) {quotes: "~" "~";} https ......
lang CSS

CSS :first-child 伪类

CSS :first-child 伪类 您可以使用 :first-child 伪类来选择父元素的第一个子元素。 注意:在IE8的之前版本必须声明<!DOCTYPE> ,这样 :first-child 才能生效。 匹配第一个 <p> 元素 在下面的例子中,选择器匹配作为任何元素的第一个子元素的 <p> ......
first-child first child CSS

10个Pandas的另类数据处理技巧

本文所整理的技巧与以前整理过10个Pandas的常用技巧不同,你可能并不会经常的使用它,但是有时候当你遇到一些非常棘手的问题时,这些技巧可以帮你快速解决一些不常见的问题。 https://avoid.overfit.cn/post/bf6e2fa626494a3789aa6b4d49657448 ......
数据处理 另类 技巧 数据 Pandas

自动写字成图5款有趣实用的AIGC工具分享

AIGC是指由人工智能生成的各种形式的内容,包括但不限于文字、音频、视频、图像等。随着人工智能技术的不断进步和普及,AIGC也越来越受到关注和应用。 说了这么多AIGC的强大,今天笔者为大家推荐5个有趣、强大的AIGC项目: ......
工具 AIGC

Linux实用又常用的命令

linux 查看当前目录下每个子目录的文件数量 find . -maxdepth 1 -type d | while read dir; do count=$(find "$dir" -type f | wc -l); echo "$dir : $count"; done-maxdepth 1 过滤 ......
命令 常用 Linux

CSS中的transform(2D转换)

transform 是元素转换属性,其属性值为转换函数,使用该属性可以让元素向指定方向移动、缩放大小、旋转等变化。 有以下三种转换函数: 旋转函数(rotate) 移动函数(translate) 缩放函数(scale) translate CSS中的二维坐标系如下(注意y轴正方向与数学中常见的二维坐 ......
transform CSS

微服务实用篇--学习笔记

@ 服务项目 黑马- SpringCloud微服务技术栈实用篇完成时间2023-3-22。 项目涉及技术 知识点是按照集数依次整理,方便日后回来查找。 考虑到不是固定的联网方式,时而WiFi,时而热点,配置静态IP会导致每次网络变更后都需要重新配置,所以虚拟机使用的动态路由,当需要运行相关程序时,I ......
笔记

css绝对定位,没有设置left或top

目标:做h5实现以下情形 问题:不知为何成了这样: 分析: 下列是代码: 已知id="div_2"的div的父类已经定位,故该div块的位置是相对于这个父类。 修改之前的代码: 进行修改: 结论:当只给元素定义了position:absolute时,如果top,left没有指定时,则left,top ......
left css top

称霸Kaggle的十大深度学习技巧

前言 是什么秘诀让新手们在短期内快速掌握并能构建最先进的DL算法?一位名叫塞缪尔(Samuel Lynn-Evans)的法国学员总结了十条经验。 本文转载自量子位 作者 | Samuel Lynn-Evans 仅用于学术分享,若侵权请联系删除 欢迎关注公众号CV技术指南,专注于计算机视觉的技术总结、 ......
深度 技巧 Kaggle

HTML引入CSS样式的三种方式概述

1.内联定义方式: 在标签内部使用style属性来设置元素的css样式 语法格式: 1 <标签 style="样式名:样式值;样式名:样式值;样式名:样式值;....." 2 </标签> 2.样式块方式: 在head标签中使用style块 语法格式: 1 <head> 2 <style type=" ......
样式 方式 HTML CSS

css绘制一个Pinia小菠萝

效果如下: pinia小菠萝分为头部和身体,头部三片叶子,菠萝为身体 头部 先绘制头部的盒子,将三片叶子至于头部盒子中 先绘制中间的叶子,利用border-radius实现叶子的效果,可以借助工具来快速实现圆角的预想效果 https://9elements.github.io/fancy-borde ......
菠萝 Pinia css

使用chrome ABC JS-CSS Injector插件,劫持网页js文件改写调试

通过保存网站JS文件,然后阻止源本该访问的JS文件,通过ABC JS-CSS Injector讲需要访问的JS转到本地的JS,进行劫持,就可以进行修改调试 1.需要插件:ABC JS-CSS Injector 设置Title和Domain, 配置使用一下代码: 其中:http://127.0.0.1 ......
插件 Injector 网页 文件 chrome

CSS详解

Cascading Style Sheets层叠样式表 HTML+CSS+JavaScript 框架+表现+交互 一、初始及入门 1.CSS概念 CSS在网页中的应用 CSS的发展史 CSS的优势 2.CSS基本语法 标签style 3.三种引入方式 行内样式 内部样式 外包样式 <!DOCTYPE ......
CSS

css

css 使用css可以为html添加一些样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>入门案例</title> <style> h1{ color: red; font-size: 100px; } ......
css

css样式选择器

一、 CSS 选择符 类型选择符用于选择特定类型的元素,比如段落(见下面的例子)或标题元素,只要写出想要添加样式的元素名即可。类型选择符有时候也被称为元素选择符。 p { color:black;}123 后代选择符用于选择某个或某组元素的后代。后代选择符的写法是在两个选择符之间添加空格。在下面的例 ......
样式 css

css中的&是什么意思

这个是scss中的语法,表示上一级的选择器 例如源码: ul{ margin-bottom: 20px; & >li{ margin-bottom: 0; } } 相当于代码 ul{ margin-bottom: 20px; } ul >li{ margin-bottom: 0; } ......
意思 css amp

css属性——env()和constant()设置安全区域,解决移动端小程序和H5底部栏 iPhoneX安全区域(Safe Area)底部小黑条在的屏幕适配

转载:https://www.cnblogs.com/jiaoshou/p/16647577.html 使用苹果官方推出适配方案css函数env()、constant()来适配 苹果官方推荐使用env(),constant()来适配,建议使用该方案,不需要管数值具体是多少。这2个方法是什么呢? en ......
底部 区域 constant 属性 屏幕

CSS伪类

CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class:pseudo-class {property:value;} https://www.lekaowa ......
CSS