526互联

布局 一行 自然css

【HTML+CSS兼容性】 li中插入img元素之间存在空隙BUG问题+解决方案 前端零基础必须知道的事情!

>🚀 个人主页 **极客小俊** >✍🏻 作者简介：web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步！😄 >🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 ![](https://img-blog.csdnimg.cn/8980b6c ......
兼容性 空隙 前端 元素 事情

js小众且好用的技巧【一行代码】

数组 生成数组 当你需要要生成一个0-99的数组 方案1 js 复制代码 const createArr = (n) => Array.from(new Array(n), (v, i) => i) const arr = createArr(100) // 0 - 99 数组 方案2 js 复制代 ......
小众 一行 代码 技巧

纯CSS实现table固定thead,tbody进行滚动

代码一 <!-- * @Descripttion: * @version: * @Author: yang_ft * @Date: 2020-09-29 13:59:26 * @github: famensaodiseng * @LastEditTime: 2020-10-10 17:13:17 - ......
table thead tbody CSS

CSS 父元素没有设置高度，子元素如何跟父元素保持一样的高度？

![宽度有，但是高度没有](https://img2023.cnblogs.com/blog/2271881/202307/2271881-20230710211813680-1880434299.png) 如上图所示，height 属性需要让父元素有高度，所以，h2 的 `::before` 设置 ......
元素 高度 CSS

CSS

.css ``` /* author: weiyupeng date: 2023/7/8 10:09 */ #para2 { font-size: xxx-large; } /*背景样式*/ body { /*背景色*/ background-color: mintcream; /*背景图*/ ba ......
CSS

多行文本转成一行的实现方法

哈喽大家好，我是咸鱼 不知道你们有没有遇到过下面的情况，以我为例 有时候我会收到批量操作服务器的需求，且我会拿到一个服务器 ip 列表，它是一个多行的形式，如下所示 ```bash # ip 列表 192.168.0.1 192.168.0.2 192.168.0.3 192.168.0.4 192 ......
一行 文本 方法

多行文本内容超出点点点…最后一行显示

对于现代浏览器，例如webkit内核的浏览器，或者移动端，是可以实现多行文本内容超出点点点…最后一行显示的，典型的CSS组合如下： .box {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}其中-we ......
一行 文本 内容

OSLUI：摆脱Shell，通过自然语言操作Linux

Linux shell命令是强大的，但也是复杂的。不光是新手记不住，往往很多老手也不一定能很好地掌握一些shell命令。最近开发了一款小工具：OSLUI，目标是做操作系统的自然语言界面，让人们可以摆脱Shell，直接通过自然语言和计算机进行交互。github地址：https://github.com ......
自然语言 自然 语言 OSLUI Linux

css 隐藏滚动条

&：那个元素有滚动条，就是那个元素 ```js scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { display: none; /* Chrome Sa ......
css

8.对象内存布局

# 对象内存布局 ## 对象内存布局 ​ 对象内部结构分为:对象头、实例数据、对齐填充（保证8个字节的倍数）。 ![1688434992516](https://img2023.cnblogs.com/blog/2953748/202307/2953748-20230710154229559-190 ......
布局 对象 内存

使用一行脚本将视频关键帧数量小于10的视频拷贝到文件夹

假设文件夹input中有很多视频，视频的后缀为mpeg，将视频关键帧数量小于10的视频拷贝到文件夹ouput中 for i in input/*.mpeg;do ffprobe -select_streams v -show_frames -v quiet -print_format json=co ......
视频 拷贝 脚本 文件夹 一行

京东css初始化部分内容

``` /*清除内外边距*/ * { margin: 0; padding: 0 } /*em,i原本是斜体，修改为不斜体*/ em,i { font-style: normal } /*去除小圆点*/ li { list-style: none } /*border：0照顾低版本浏览器，verti ......
部分 内容 css

CSS+html导航菜单栏

以下图为例，使用CSS+html实现下面这个博客园的导航菜单栏。 原图： 自己写的CSS+html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>wancy博客园</title> <style> *{ ......
菜单 html CSS

CSS_相关问题及解决_持续更新

# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时，margin-top会作用在father上 当**child2**设置了margin——bottom时，margin-bottom会作用在father上 ### 解决方法 ......
问题 CSS

开心档之CSS 测验

​ 目录 CSS 测验 ​编辑 CSS 测验 CSS测验是一种衡量前端开发人员对CSS的熟练程度的测试。通过CSS测验，可以评估一个人对CSS语言的掌握程度和应用能力，帮助公司或招聘方挑选合适的人才。下面将介绍如何进行CSS测验以及一些常见的CSS考题。 一、CSS测验的类型 1.选择题：从多个选项 ......
CSS

css之弹出层居中

css之弹出层居中, container设置为fixed，并且覆盖整个屏幕, 设置半透明 container的底下一层设置为absolute，然后top/left设置为50%居中，这个时候这层的左上角剧中了，然后用 transform再退回50%，把container的底下一层的中心居于屏幕中心 . ......
css

1. Q_ CSS 属性是否区分大小写_

1. Q: CSS 属性是否区分大小写？ ``` ul { MaRGin: 10px; } ``` A: 不区分。 HTML，CSS都对大小写不敏感，但为了更好的可读性和团队协作一般都小写，而在XHTML 中元素名称和属性是必须小写的。 ......
属性 大小 CSS

CSS Float(浮动)布局

1. CSS 浮动技术 CSS浮动是一种CSS布局技术，用于将元素从文档的正常流中移动，并使其可以相对于其容器或其他元素对齐。当一个元素设置了浮动属性，它将脱离正常的文档流，并根据指定的方向（左、右）浮动到容器的一侧浮动的元素会根据其容器或其他浮动元素的位置进行对齐。其他元素会环绕在浮动元素的周围。 ......
布局 Float CSS

css样式浮动的特点

浮动的特点：1、设置浮动后，水平布局等式不需成立，并且元素从文档流脱离，不再占用文档流位置2、设置浮动可以将元素向其父元素的左方向或者右方向浮动3、浮动元素不会浮动出父元素4、浮动元素移动时不会超过之前的浮动元素5、浮动元素不会超过他上边的兄弟元素，最多是和他一样高6、浮动元素不会盖住文字，文字自动 ......
样式 特点 css

css_margin塌陷问题解决方法

# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时，margin-top会作用在father上 当**child2**设置了margin——bottom时，margin-bottom会作用在father上 ### 解决方法 ......
css_margin 方法 margin 问题 css

CSS基础-初识CSS

### 简介 CSS (cascading style shett) , 层叠样式表，是用来给HTML标签添加样式的语言。简单来说就是使网页变得更好看。 CSS的出现，使得样式和结构分离，HTML负责结构，CSS负责样式渲染。 ### CSS 书写位置 **内嵌式** 内嵌在html网页中， 和ht ......
CSS 基础

css 文字横向滚动通知消息

要在CSS中实现横向滚动的通知消息，你可以使用CSS的动画属性、溢出属性和滚动属性相结合。 首先，创建一个包含通知消息的容器，并设置其溢出属性为隐藏。这将确保溢出容器的内容不可见。 然后，在容器内部创建一个用于显示通知消息的子元素，并设置其显示为内联块元素。然后，为这个子元素设置动画属性，使其从容器 ......
横向 消息 文字 css

十二、布局

1.margin和padding(外边距和内边距) 外边距：一个控件的边框到另一个控件边框的距离，属于容器外部的距离。 内边距：自身边框到自身内部一个容器间的距离，属于容器内部的距离。 2.QHBoxLayout水平布局 2.1 属性 spacing：间距距离 stretch：拉伸因子(系数) si ......
布局

腻子网站的JS布局

腻子是一种施工材料，用于修补或平整墙面、天花板、地面等。它的主要作用是填补裂缝、平整不平的表面，并增加光滑度和美观性。在建筑和装饰行业中，腻子被广泛使用，成为了常见的施工工艺之一。 腻子的历史可以追溯到古代文明时期。早在古埃及时期，人们就开始使用类似腻子的材料进行墙面修补和装饰。而在中国古代，也有使 ......
腻子 布局 网站

Flex布局

引言：关于前端布局，我学习了Pink老师的Flex。以下是我自己做的一些简单笔记。 ## 一个小套路 凡使用Flex布局，我们都会在其父元素设置`display:flex;` 那么就有人问了，这句代码的意义何在？别急，看下面GPT怎么回答！ display:flex是一种CSS属性，用于==定义一个 ......
布局 Flex

css让图片自动滚动

转自于：https://www.yzktw.com.cn/post/1051445.html CSS让图片自动滚动是一种非常实用的功能，它可以让网站的页面更加动态和生动。实现这个功能的方法也非常简单，只需要使用CSS中的滚动条属性即可。 /* 将所有图片都放在一个div内 */ .scroll { ......
图片 css

程序的内存布局

程序在内存空间上的布局如下图： 1. **代码段(.text)**：这里存放的是CPU要执行的指令，代码是可共享的，相同的代码在内存中只有一份拷贝，同时这个段是只读的，防止程序误修改指令。 2. **初始化数据段(.data)**：这里存放是是程序中需要明确赋初始值的变量，例如全局变量。代码段和初始 ......
布局 内存 程序

linux 中输出连续匹配字符的下一行

001、 [root@PC1 test03]# ls file.txt [root@PC1 test03]# cat file.txt ## 测试数据 match random text line 1 match match match random text line 2 match random ......
一行 字符 linux

CSS !important 规则不被其他样式覆盖

CSS !important 规则 CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 #myid { background-color: blue; } .m ......
样式 important 规则 CSS

在CSS中创建一个遮罩层并阻止点击穿透的常见方案

使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或 ......
常见 方案 CSS
共2400篇  :42/80页 首页上一页42下一页尾页