标签:CSS

此标签是关于【CSS】的内容。所有添加了CSS标签的文章都可以通过该标签检索到,此方式是获取精准内容非常有效的手段之一。

前端

右侧固定宽度,左侧自适应两栏布局

1年前 (2023-02-18) 112浏览

最近修改了一个主题。原始主题的左侧是侧边栏,右侧是内容体。在代码中,侧栏代码放在主要内容之前。我的习惯是主要内容在左边,主要内容在前面,侧边栏在右边。于是我在网上搜了一下,找到了两种实现方式。一般来说,一种方法是使用cal()。我用的是这个,第二个是...

前端

纯css实现轮播和点击切换效果(无JS)

1年前 (2022-11-04) 196浏览

接下来,根据需要设置ul的长度。这里,首先制作三个切换窗口,因此ul的宽度被设置为容器宽度的300%,li是每次切换时显示的子元素,宽度被设置为所显示容器的100%。所有多余的部分都被隐藏起来,这样我们就可以通过修改ul的margin-left属性的...

自媒体

什么是CSS层叠,优先级规则是什么

2年前 (2022-10-02) 241浏览

Css本质上是一个语句规则,就是在各种条件下,我们想要产生一个特定的效果。浏览器将根据我们编写的规则决定如何呈现页面。层叠是指CSS中的一系列规则,决定了如何解决冲突,是CSS语言的基础。重要的语句会作为优先级较高的来源,所以整体优先级是从高到低的!...

前端

@media先后顺序错误导致效果被覆盖

2年前 (2022-09-24) 240浏览

自己博客“推荐阅读”板块在前面添加了一个小背景图的样式,仿造的是原主题“与本文相关的文章”。同时也想让样式在移动端也保持一致,即使用媒体查询@media设置样式。但是却一直没有生效。一起来看看是怎么回事吧 原因 @media是对条件才查询,但是它也遵...

CSS实现聊天对话框样式
前端

CSS实现聊天对话框样式

2年前 (2022-09-24) 404浏览

最近打算折腾一下网站的问答分类,所以在网上找了一个css实现对话框的效果,具体效果如下图: CSS代码 #talk { margin-left: 50px; width: 220px; height: 60px; background: #9EEA6...

前端

CSS选择器排除某些指定的class

2年前 (2022-09-20) 344浏览

昨天给网站引入了JS目录,但是工具中的图标和原本网站的有冲突,需要[class^="icon-"], [class*=" icon-"] {}对个别图标进行排除,那么该怎么做呢? 实现 使用:not() 选择器 [class*="icon-"]:no...

CSS如何实现两栏/三栏自适应布局?
前端

CSS如何实现两栏/三栏自适应布局?

2年前 (2022-09-18) 349浏览

在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高 两栏布局 两栏布局实现效果就是将页面分割成左右宽度不等的两列,宽度较小的列设置为固定宽度,剩余宽度由另一列撑满 比如 Ant Design 文档,蓝色区域为主要内容布局容器,侧边栏为次要内...

li定义的class不起作用是怎么回事
前端

li定义的class不起作用是怎么回事

2年前 (2021-12-16) 893浏览

给列表元素(如 ul li、ol li)定义 CSS 样式,通常的做法是给父元素(如 ul)定义一个 CSS 样式,再用这个样式来定义子元素(如 li)的样式,因为子元素通常比较多,样式又大多相同,一个个定义比较麻烦。这样定义有时会出现一个问题:就拿...

文字超链接旁边怎么加上小箭头图标
前端

文字超链接旁边怎么加上小箭头图标

2年前 (2021-12-15) 1321浏览

许多知名网站都在文字链的右边加一个箭头图标,例如Google站长管理后台,Alexa官网等,这样设计的好处是让链接更醒目,更容易辨认。 文字链右边加一个箭头图标的方法,多数人是使用css背景图来实现,包括上面提到的Google站长管理后台,Alexa...