CSS杂记第29页

前端面试 css篇

目录CSS3新增特性盒模型CSS选择器和优先级CSS可继承属性和不可继承属性dislpay的属性和作用隐藏元素的方式单行、多行文本溢出有了使用过Sass、Less吗？他们的区别是什么？

Frankabcdefgh·2025-04-26 15:58

CSS的3d翻滚特效

注：本篇文章是笔者，刚接触CSS时所写，一些理解或是解释可能有错，希望大家指正讨论共同进步。

一名假人·2025-04-26 15:25

两步还没确定值并且这个属性

要确定属性值的话，我们可以先想想CSS属性值都可以从哪里来？声明值？继承？默认值？想了想CSS值好像也只能从这三个地方来获取，再加上一个比较权重，我们是不是就可以确定一个CSS属性的值了？

·2025-04-26 14:27

某些情况下HTML由其他框架

某些情况下HTML由其他框架生成，无法直接改底层源码，这就需要使用CSS动态生成技术了使用两个伪元素可以很轻松生成前后两个书名号还可以用CSSquotes来生成书名号，不过只针对q元素生效默认情况下，文本省略会把右侧的书名号也省略书名号之所以会连同文本一起被省略

·2025-04-26 13:55

动态响应式左侧导航栏的创建与实现

此外，还包含了使用CSS进行样式设计，以及通过媒体查询实现响应式布局的技巧，以便导航栏能在不同屏幕尺寸上保持良好的可用性。1.HTML基础导

心言星愿·2025-04-26 13:17

基于HTML+CSS实现的动态导航引导页技术解析

基于HTML+CSS实现的动态导航引导页技术解析效果展示核心技术实现1.视差背景层#sence{position:fixed;width:100vw;height:100vh;z-index:-1;}#

孤客网络科技工作室·2025-04-26 13:13

在html中标签有哪两种类型,HTML+CSS前端工程师笔试题目

1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用

孙秀龙·2025-04-26 09:51

html 嵌入word 插件,利用VenoBox插件在网页中悬浮显示word文档

1、当然和其他js插件一样需要应用js和css文件。2、在html文件中，在iframe内插入网页,加入data-type属性。

乐正雕漆·2025-04-26 08:15

centos下打包electron_electron-vue跨平台桌面应用开发实战教程（一）——Hello World...

本文将带领大家使用vue-cli+electron-builder构建一个HelloWorldElectron是一个基于Chromium和Node.js，可以使用HTML、CSS和JavaScript构建跨平台应用的技术框架

漫小生·2025-04-26 07:35

vue3 + css 列表无限循环滚动+鼠标移入停止滚动+移出继续滚动

1.动画文件.vue{{index}}{{item.nickname}}{{item.point}}{{index}}{{item.nickname}}{{item.point}}importp0from'../../assets/images/dashboard/icon_0.png?v=1'importp1from'../../assets/images/dashboard/icon_1.pn

Web项目开发·2025-04-26 05:20

vue开发规范，看这篇就完事了！！

注释规范十、路由一、目录结构|—build构建脚本目录|—build.js生产环境构建（编译打包）脚本|—check-versions.js版本验证工具|—utils.js构建相关工具方法（主要用来处理css

小于林等于二·2025-04-26 03:13

vue项目中常用的main.js

/router'importmavonEditorfrom'mavon-editor'import'mavon-editor/dist/css/index.css'import'echarts/theme

紫微前端·2025-04-26 02:33

less语法

✨全面详解Less语法教程（含示例）在现代前端开发中，CSS预处理器是一大利器。而Less（LeanerStyleSheets）就是其中的重要成员，它让你写CSS更像在编程！

跪下，大胆刁民·2025-04-26 00:19

【CSS】层叠，优先级与继承（一）：超详细层叠知识点

文章目录层叠一、基本概念二、哪些CSS实体会参与层叠计算三、CSS声明的来源3.1用户代理样式3.2作者样式表3.3读者自定义样式表四、层叠算法4.1重要性--!

鹿九巫·2025-04-25 22:34

【CSS】层叠，优先级与继承（四）：层叠，优先级与继承的关系

层叠，优先级与继承的关系前文概括【CSS】层叠，优先级与继承（一）：超详细层叠知识点【CSS】层叠、优先级与继承（二）：超详细优先级知识点【CSS】层叠，优先级与继承（三）：超详细继承知识点根据前文的学习

鹿九巫·2025-04-25 22:30

就可以另外写一篇文章

使用CSS为这个HTML元素添加样式，使得字符被圆圈包围。对于这个需求，我们只需要扩展一下markdown语法即可，我们先来看看需求的实现。实现思路扩展Markdo

·2025-04-25 21:33

CSS 小技巧 —— CSS 实现 ... 的 loading 加载中动画

CSS小技巧——CSS实现...的loading加载中动画1.前言需求中想做出个这种效果，这个页面又是一个单独的html页面，没必要再单独引入其他模块了就想着用CSS动画来实现2.实现效果3.实现思路3.1

·2025-04-25 21:02

前端学习之CSS---定位、锚点、精灵图、浮动、窗口自适应

定位、锚点、精灵图、浮动、窗口自适应一、定位—positionposition:static/absolute/relative/fixed/stickystatic:默认值absolute:绝对定位，脱离文档流，当没有父元素或者父元素没有定位，参照物为浏览器窗口的第一屏有父元素且父元素有定位时，参照物为父元素relative:相对定位，不脱离文档流，相对于自己的初始位置fixed:固定定位，脱离

Jonahr·2025-04-25 20:15

多么强大的css计数器啊

强大的css计数器csscontent属性有很多实用的用法，这其中最为强大的莫过于是计数器了，它甚至可以实现连javascript都不能够实现的效果，下面我们一起来研究一下吧。

·2025-04-25 17:27

Vue---在vue路径中@的使用

@表示项目文件夹src目录'src/index.vue'等价于'@/index.vue'2.如果在css代码中则需要在前面加~在css代码中@import'src/index.css';等价于@import

Cirrod·2025-04-25 17:55

CSS-清除默认样式

文章目录清除默认样式1.说明2.示范清除默认样式*{margin:0;padding:0;}.box1{width:100px;height:100px;background-color:#bfa;}p{background-color:yellow;}我是一个段落我是一个段落我是一个段落无序列表无序列表无序列表无序列表1.说明浏览器为了在页面中没有样式时，也可以让页面有一个比较好的显示效果。所以

王十四兄·2025-04-25 12:53

CSS之清除默认样式

清除默认样式一、清除内外边距二、清除列表前的项目符号一、清除内外边距很多HTML标签都是有默认样式，比如标题标签、p标签等。这些标签都有默认外边距。如果不想要默认样式，可以选择清除。清除默认内外边距样式有两种方法，择一即可。二、清除列表前的项目符号有序列表和无序列表前都有自带的项目符号，如果不想要可以选择清除。清除列表默认样式的方法：li{list-style:none;}

一直学习的程序员L·2025-04-25 12:23

清除所有css样式的代码,CSS清除默认样式代码

html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0;}*{box-sizing:border-box;}html,body{min-height:100%;}body{font-family:"MicrosoftYaHei";font-size

走奶行街·2025-04-25 12:22

CSS清除默认样式的代码base.css

/*清除默认样式的代码*//*去除常见标签默认的margin和padding*/body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input{margin:0;padding:0;}/*内减模式*/*{box-sizing:border-box;}/*设置网页统一的字体大小、行高、字体系列相关属性*/body{font:16px/1.5"HelveticaNeu

高艳艳0216·2025-04-25 12:20

如何使用Tailwind CSS创建一个组合了很多样式的类名，实现样式复用

一、定义方式1：使用@layer和@apply（推荐）在全局CSS文件中定义：/*src/main.css或全局CSS文件*/@tailwindbase;@tailwindcomponents;@tailwindutilities

新茶十九·2025-04-25 04:59

Fabric.js 设置画布背景

Fabric.js设置画布背景直接设置Canvas标签CSS静态样式通过直接设置Canvas属性能够得到画布的背景，但是这种情况下有一个缺点，那就是不能动态变化。.

xwhking·2025-04-25 04:28

简单了解css的基本使用

CSS一、基础认知1、CSS引入方式1.1、内嵌式（CSS写在style标签中）style标签虽然可以写在页面的任意位置，但是通常约定写在head标签中2.2、外联式（CSS写在一个单独的.css文件中

T糖锅G·2025-04-25 01:13

2024高频前端面试题 Vue2 和 Vue3 篇

HTML和CSS篇：2024高频前端面试题HTML和CSS篇-CSDN博客JavaScript和ES6篇：2024高频前端面试题JavaScript和ES6篇-CSDN博客*Vue2和Vue3的区别：1

Vue安夏·2025-04-25 00:31

【初级】前端开发工程师面试100题（二）

本题库共计包含100题，考察html，css，js，以及react，vue，webpack等基础知识掌握情况。TypeScript篇TypeScript和JavaScript有什么区别？

全栈老李技术面试·2025-04-24 23:58

不使用 JS 纯 CSS 获取屏幕宽高

然而现代CSS也可以获取到屏幕的宽高，通过自定义属性（CSSVariables）和一些数学函数来实现这一目标。

·2025-04-24 23:24

CSS属性值都可以从哪里来？

CSS属性值的确定步骤要确定属性值的话，我们可以先想想CSS属性值都可以从哪里来？声明值？继承？默认值？

·2025-04-24 23:21

python gui web_一篇让你大开眼界的Python教程：让Web和GUI鱼和熊掌兼得

网页的实现是由HTML、CSS和Javascript三者相结合完成的，HTML负责网页的结构，CSS渲染网页元素的样式，而Javascript给网页增加了动态的行为，总体来看，网页版本的图表在显示效果上可以达到更加生动

weixin_39567222·2025-04-24 21:13

Python WebGUI

新的解决方法:网页：网页很常见,只需要写好页面和逻辑交互,剩下的交给浏览器去渲染即可,强大的CSS可以做很精美的样式，javascripts可以辅助构成强大的交互,H

.叶倾.·2025-04-24 21:42

JAVA-WEB（一）：HTML、CSS

一、HTMLHyperTextMarkupLanguage：超文本标记语言超文本：指不仅仅是纯文本还包括字体相关和多媒体相关(图片，音频，视频)作用：负责搭建页面结构和准备页面内容学习HTML主要学习的就是有哪些标签，以及标签的使用方式1.文本相关标签1.内容标题：特点：独占一行，字体加粗，自带上下间距2.段落标签：特点：独占一行，自带上下间距3.水平分割线：4.换行：5.加粗：6.斜体：7.下划

戴假发的凡士林·2025-04-24 21:11

css学习（六）：字体和文本布局、百分比问题、不透明度；

一、css字体：1、字体种类选取：font-family；例子："TrebuchetMS",Verdana,sans-serif；浏览器先从第一个开始，查看此字体再机器中是否可用，如果可用，则选用第一个字体

prdslf001001·2025-04-24 21:11

同样的html标记，不同语言的文本，显示的字体和粗细会不一样吗

同样的HTML标记，在不同语言的文本下，显示出来的字体和粗细确实可能会不一样，原因如下：不同语言默认字体不同浏览器字体回退机制CSS里写的字体如果当前系统不支持，就会回退到下一个，比如：font-family

dev.null·2025-04-24 21:38

基于Qt跨平台框架开发的登陆界面demo

最近准备把前这个月做的Qt小demo都发出来供大家参考和指正，今天发的是上个月想突然想做的一个美观点的游戏登陆界面(其实还有一个原因是刷b站看到了一个大神用html+css+js写的登陆页面，太酷了，于是自己也想用

寒山cpp·2025-04-24 19:23

c++ 实现一个WEB登陆应用程序

可以使用HTML、CSS和Ja

夏天的风008·2025-04-24 18:52

Html标签不用class，你只要记住这些，精确控制任何 DOM 元素都不在话下。

CSS属性选择器速查表，你只要记住这些，精确控制任何DOM元素都不在话下。

众乐乐_2008·2025-04-24 17:11

鼠标移动显示tip信息

实现了：点击按钮显示不同信息根据鼠标位置显示不同信息提示界面：代码：html：css：*{margin:0;padding:0;}body{font-size:14px;}li{list-style:none

wybxzht·2025-04-24 16:38

学生HTML静态网页基础水平制作DIV+CSS+JavaScript技术制作美食网页——美食城6页面

‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate

@蜡笔小新星·2025-04-24 15:30

标题添加书名号并超出省略

很多同学可能会想到用伪元素，前后各添加一个就好了.books::before{content:'《'}.books::after{content:'》'}效果如下除了手动使用伪元素生成伪元素外，还可以用CSSquotes

·2025-04-24 14:35

基于亚马逊云科技 Amazon Bedrock Tool Use 实现 Generative UI

虽然LLM具备生成HTML/CSS代码的能力，但这种方式往往缺乏标准化和可靠性，生成的代码质量参差不齐，难以维护和复用。特别是在企业级

·2025-04-24 14:00

html网页设计小作业(个人主页)

目录作品介绍：效果展示代码部分：作品介绍：简易的个人网页小作业，只用了html+css布局制作，没啥好说的，直接上图！！！

Space-oddity-fang·2025-04-24 13:47

JSOUP 使用教程

Jsoup的核心功能是解析HTML并提供类似CSS选择器的API，方便用户快速定位和操作DOM元素。2.安装Jsoup在项目中使用Jsoup，可以通过以下方式添加依赖：

2401_89793006·2025-04-24 13:15

react组件之间如何使用接收到的className（封装一个按钮案例）

/index.module.scss';{navigate('/sign-up');}}/>需要传递样式在父组件中先定义好（sitepx函数用法）：.btn_height{height:sitepx(50

尼古拉斯网页匠·2025-04-24 13:14

css 继承body,CSS 继承－不是所有元素对所有属性都会被继承

看代码：千一网络body{text-align:center;font-size:99px;font-weight:bold;color:red;text-decoration:line-through;}千一网络千一网络效果如下：统计一下a和div的text-align(a没有)、font-size、font-weight都从body那里得到了继承；但是color只是div从body继承了，而a

我们的美学·2025-04-23 22:12

css如何强制继承,如何覆盖CSS继承的属性

我有一个用于定义导航栏的CSS文件。导航栏本身工作，看起来很棒。问题是它已经接管了LI和A标签，因此当在页面后面使用这些标签时，它们看起来完全错误。

wx963619d5940e4c5b·2025-04-23 22:12

css继承属性和不可继承属性

有没有在面试中被问到过css的继承属性和不可继承属性？今天就来记录一下css哪些属性是可以继承的，哪些属性是不可以继承的。

Joyce Lee·2025-04-23 22:39

梦的起点从此开始

关于c++大概在研究两年，之后钻研html、js、css为什么要在注册账号一年后才这样？因为——

F_F_M_YC·2025-04-23 22:37

推荐频道

CSS杂记