查询到最新的12条

CSS | 使一个元素高度由图片撑开

需求: 期望左边的高度由右边的图片决定,因此右边的元素需要由右侧的图片来撑开,但是开发时发现出现了以下问题: 右侧的元素没有被图片撑开,而是比图片多了一些距离。 解决 <div stlyle="inline-block" width="50%"><img style="display:block" width=" 继续阅读

让我们一起看看chatGPT的CSS代码水平

近日,chatGPT火爆了,我也看到了许多人说 人工智能 对前端的影响,在GPT-4发布时,也展示了GPT的代码能力–10秒钟根据图片上网页布局生成前端网页,也是非常强大了。在好奇心驱使下,我试了试chatGPT写前端CSS代码的能力。话不多说,直接开整: 一、文本超出显示省略号 哎哟,老厉害了,这水平不错的,你让一个前端来手写 继续阅读

对象存储备案掉了,一键更换图片外链

前日,我博客的对象存储域名 8hu.cn 备案被突然注销,这个域名是我在2020年初用个人信息备案的域名,只用于对接七牛云存储,存储一些博客的图片与css静态资源。几月前,我注册了一个新的域名 CDN.VIN 并对它进行了企业备案,同样对接到了七牛云,将部分资源链接也都改成了 cdn.vin ,但博客里大量的图片资源更改起来过于麻烦,便一直使用 8hu.cn 的二级域名 “cdn.vin” 。备案掉了之后,我在第一时间抽出空来过户了 8hu.cn 持有人信息,并计划在三天后申请ICP企业备案! 继续阅读

html加粗代码样式,css怎么设置字体加粗样式?

在word里面实现文字加粗是一件轻而易举的事。我们直接点击加粗按钮就可以完成。但是在css里面没有加粗按钮呀,那么css怎么设置字体加粗呢?下面本篇文章给大家介绍一下,希望对大家有所帮助。 css怎么设置字体加粗? 一说到在CSS里实现加粗,大家第一反应是不是使用font-weight属性。没错,这是在CSS实现加粗的常用方法。 font-weight 属性用于设置文本的粗细。 font-weight属性的值 继续阅读

CSS垂直居中方法用法介绍

本文将从多个方面对CSS垂直居中方法进行详细阐述,涵盖多种实现方法及其适用场景。 一、Flex布局方法 Flex布局可以说是CSS中实现垂直居中最为优雅的方式,其实现方式非常简单易懂。 .parent { display: flex; align-items: center; /* 垂直居中 */ } 只需要父容器设置display属性为flex,再设置align-items属性为center就可以实现了。 特别地,如果要 继续阅读

ndk 的emac_RTOS|AM437x 多网口(CPSW和PRU-ICSS)NDK TCP通讯问题

TI专家好。 我有个项目需要同时用到AM437x的CPSW网口(千兆)和两个PRU-ICSS网口(100M,当做普通网口使用),目前我已经根据NIMU_BasicExample和NIMU_ICSS_BasicExample两个例程合并修改,现已实现三个网口的配置和IP地址分配,每个网口单独均可ping通,但是现在有一个比较奇怪的现象,还请各位专家多多指教。 PRU-ICSS1网口配置代码如下 /*ICSS-EM 继续阅读

CSS3动画库怎么用

本文将详细阐述如何使用CSS3动画库,并提供相应的代码示例,帮助开发人员轻松实现动态页面效果。 一、准备工作 在使用CSS3动画库之前,需要先将库文件引入到HTML文件中。可以通过以下方式引入: <link rel="stylesheet" type="text/css" href="animate.min.css"> 其中,animate.min.css为CSS3动画库文件名,需要放置在项目文件夹中。 二、 继续阅读

html探照灯效果,巧用CSS的MASK滤镜

Mask滤镜可以为网页上的HTML元件对象作出一个矩形遮罩,关于什么是遮罩?如果你用过Flash中的遮罩,你就会知道了,就是那个样子了。实际上对于遮罩你也可以这样来理解,相当于用一块有色布把物件盖起来,但内容却被挖去了。若你还不明白,就看下面的图片再听我给你细说。图1 mask滤镜效果1在上面这mask滤镜中用这么深的颜色,主要是让你能清楚地看出效果来。让我们来看一下mask滤镜的参数&#xff1a 继续阅读

【html+css】笔记

一、HTML 注释标签的结构  <p></p>标题的标签 h1~h6段落标签 p换行和水平线标签 二、CSS 文字基本样式 font-size 字体大小font-weight  字体粗细font-style 字体是否倾斜字体系列 font-family  宋体 楷体之类的文本样式 文本缩进 text-indent 数字+em (推荐:1em=当前标签的font-size的大小)文本水平对齐方式 text-al 继续阅读

【ChatGPT】基于GO语言实现的微信聊天和图片生成机器人

ChatGPT-DreamStudio WeChat Robot 🎨基于GO语言实现的微信聊天和图片生成机器人🎨 个人微信接入ChatGPT,实现和GPT机器人互动聊天,同时支持基于文本生成图像。支持私聊回复和群聊艾特回复。 GitHub源代码地址 实现功能 GPT机器人模型热度可配置提问增加上下文&指令清空上下文DreamStudio图像生成模型参数可配置可设定图像生成触发指令机器人私聊回复&机器人 继续阅读