横向 文字css
上位机学习记录(7) 小边框控件编写(绘制外边框,标题栏与文字就行)
上位机学习记录(7) 小边框控件编写 public partial class HeadPanel : Panel { public HeadPanel() { InitializeComponent(); //初始化 base.SetStyle(ControlStyles.UserPaint | ......
css 样式笔记
calc calc() 函数用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运 ......
python 复制幻灯片并替换相应文字作为新的幻灯片
1.安装 #pip install python-pptx -i https://pypi.tuna.tsinghua.edu.cn/simple#pip install pandas -i https://pypi.tuna.tsinghua.edu.cn/simple 2.代码 复制幻灯片文字. ......
css-输入框和按钮水平对齐
<style> .container { margin: 0 auto; margin-top: 160px; width: 600px; } .search { width: 100%; margin-top: 20px; height: 40px; } .search input { width ......
CSS鼠标样式(cursor)总结(转载)
CSS鼠标样式(cursor)总结 属性值 示意图 描述 auto 默认值,由浏览器根据当前上下文确定要显示的光标样式 default 默认光标,不考虑上下文,通常是一个箭头 none 不显示光标 initial 将此属性设置为其默认值 inherit 从父元素基础 cursor 属性的值 cont ......
CSS选择器(包含CSS3新增的伪类和属性选择器等)
选择器 详见https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors CSS语法 规则由两个主要的部分构成:选择器,以及一条或多条声明(样式) 全局选择器 可以与任何元素匹配,优先级最低,一般做样式初始化 ......
JAVAWEB-北京地铁查询系统(Servlet+JSP+CSS+SQL 实现)部分代码
#这是我与伙伴合作完成的练习项目 @小彭先森 页面展示请见我的上一篇博客:https://www.cnblogs.com/rsy-bxf150/p/17253623.html 完整代码请看我的GitHub:https://github.com/BXF-Aurora168 部分代码: Sub.java ......
JAVAWEB-北京地铁查询系统(Servlet+JSP+CSS+SQL 实现)
Servlet+JSP+CSS+SQL 实现完善的地铁系统页面 #这是我和伙伴合作完成的练习项目 #代码我将放在下一篇博客 功能介绍: 1.地铁线路查询:选择线路,输出线路上的站点名。 2.地铁站点查询:输入站点,输出所在的线路。 3.最短路径换乘查询:输入起点终点,输出所有可能的路线,最上面显示的 ......
CSS13.定位
定位 1. CSS布局的三种机制 1、普通流(标准流) 2、浮动 让盒子从普通流中浮起来——让多个盒子div水平排列成一行。 3、定位 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 ——CSS离不开定位,特别是后面的js特效。 2. 为什么使用定位 所以,我们脑海应该有三种布局机制的上下顺序 标 ......
CSS14.高级应用
CSS高级应用 1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出来! 1.1 display显示(重点) display设置或检索对象是否及如何显示。 display: none 隐藏对象display: ......
CSS11.背景
CSS背景 1.背景颜色(color) 语法: background-color:颜色值; 默认的值是 transparent 透明的例:background-color:pink; 2.背景图片(image) 语法: background-image:none|url(url) 参数作用 none ......
CSS12.浮动
浮动 1.浮动(float) 1.1 CSS布局的三种机制 网页布局的核心——就是用CSS来摆放盒子 CSS提供了3种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中: 普通流(标准流) 块级元素会独占一行,从上向下顺序排列; 常用元素:div、hr、p、h1~h6、ul、ol、d ......
CSS08.盒模型
盒模型 1.什么是标签的显示模式 什么是标签的显示模式? 标签以什么方式进行显示,比如div自己独占一行,比如span一行可以放多个 作用: 我们网页的标签非常多,在不同地方会用到不同类型的标签,以便更好的完成我们的网页。 标签的类型(分类) HTML标签一般分为块标签和行内标签两种类型,也称为块元 ......
CSS09.盒模型应用
盒模型应用 改变宽高范围 默认情况下,width 和 height 设置的是内容盒宽高。 页面重构师:将psd文件(设计稿)制作为静态页面 问题:衡量设计稿尺寸的时候,往往使用的是边框盒,但设计width和height,则设置的是内容盒 解决办法有两种: 精确计算 CSS3:box-sizing(用 ......
CSS10.行盒盒模型
行盒的盒模型 常见的行盒:包含具体内容的元素 span、strong、em、i、img、video、audio 显著特点 盒子沿着内容沿伸 行盒不能设置宽高 调整行盒的宽高,应该使用字体大小、行高、字体类型,间接调整 内边距(填充区) 水平方向有效,垂直方向仅会影响背景(背景变,但字体还是不动),不 ......
CSS05.层叠
层叠 声明冲突:同一个样式,多次应用到同一个元素 层叠:解决声明冲突的过程,浏览器自动处理(权重计算) 概念: 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 原则: 样式冲突,遵循的原则 ......
CSS06.继承
继承 子元素会继承父元素的某些(不是全部)CSS属性 通常,跟文字内容相关的属性都能被继承 例:background-color、weigh、height不能被继承 概念: 子标签会继承父标签的某些样式,如文本颜色和字号。 想要设置一个可继承的属性,只需将他应用于父元素即可。 简单的理解就是:子承父 ......
CSS03.字体样式
字体样式 1.CSS外观属性 1.1 color:文本颜色 作用: color属性用于定义文本的颜色 其取值方式有如下3种: 表示属性值 预定义的颜色值(预设值:定义好的单词) red、green、blue 十六进制 淘宝红:#ff4400/#f40 黑色:#000000/#000 白色:#ffff ......
CSS04.选择器
选择器 选择器作用:帮助你精准的选中想要的元素\找到特定的HTML页面元素 1.简单选择器 1.1 ID选择器(JavaScript使用)(不推荐使用) 选中的是对应id值的元素 id选择器使用#进行标识,后面紧跟id名 其基本语法格式如下: id选择器 #id名 {属性1:属性值1; 属性2:属性 ......
CSS07.属性值的计算过程
属性值的计算过程 概念: 定义CSS样式时,经常出现两个或更多规则应用在同一元素上,此时: 选择器相同,则执行层叠性 选择器不同,就会出现优先级的问题。 权重计算公式 关于CSS权重,我们需要一套计算公式来去计算,这个就是CSS Specificity特殊性。 标签选择器计算权重公式 继承或* 0, ......
CSS3动画
动画 动画(animation)是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。 相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。 动画的基本使用,制作动画分为两步: 1.先定义动画 2.再使用(调用)动画 1. @keyfra ......
CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试
@(目录) 测试准备: 新建一个测试项目文件夹 test,然后在 test 文件夹内新建一个名为 css 的文件夹,创建一个名为 style.css的文件,最后在test文件夹下新建一个 test.html 文件。 test | —— | | ——css —— style.css | test.ht ......
CSS6大种选择器
https://blog.csdn.net/weixin_52682014/article/details/127709889 一、常用的css基本选择器(4种) 1、标签选择器 结构: 标签名{css属性名:属性值}作用:通过标签名,找到页面中所有的这类标签,设置样式注意:1.标签选择器选择的是一 ......
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 ......
Adobe推出AI图像生成器Firefly,输入文字即可生成图像、编辑字体效果
一、简介 在人工智能技术方面,Adobe很早就开始推进了相关的产品研发,并已通过Adobe Sensei智能平台实现了智能抠图和魔法换天等功能,而现在Adobe又在人工智能技术方面取得了新的突破,最近他们正式发布了生成式人工智能模型集Firefly,仅靠输入相关的文字信息就可完成图像生成、模型构建、 ......
CSS:text-align-last文本最后一行的对齐方式
在开发过程中多行文本时出现了其他行左对齐,最后一行右对齐的情况 text-align:规定行内内容如何相对它的块父元素对齐。而且它并不控制块元素自己的对齐,只控制它的行内内容的对齐。要控制文本两端对齐直接写text-align:justify就可以 了,但是对于多行文本,除了最后一行之外都可以实现两 ......
CleanShot X:截图、录屏、标注甚至识别文字的多合一小工具
如果经常使用截图功能,需要记录或者保存一些灵感的,或者喜欢在截图上直接写备注的,我真的好推荐cleanshotX这个软件,缺点大概就是只能mac用。 应用简介 CleanShot X 不仅可以搞定截图、标注、录屏以及滚动截屏。有些「不务正业」的它还能一键隐藏桌面所有图标,不过这也是它的细节之一:进行 ......
CSS 伪元素
CSS 伪元素 CSS 伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法: selector:pseudo-element {property:value;} CSS类也可以使用伪元素: selector.class:pseudo-element {property:value;} htt ......
伪类和CSS类
伪类和CSS类 伪类可以与 CSS 类配合使用: a.red:visited {color:#FF0000;} <a class="red" href="css-syntax.html">CSS 语法</a> 如果在上面的例子的链接已被访问,它会显示为红色。 http://www.szytjh.co ......
CSS - :lang 伪类
CSS - :lang 伪类 :lang 伪类使你有能力为不同的语言定义特殊的规则 注意:IE8必须声明<!DOCTYPE>才能支持;lang伪类。 在下面的例子中,:lang 类为属性值为 no 的q元素定义引号的类型: 实例 q:lang(no) {quotes: "~" "~";} https ......