服务器之家
您的位置： 首页 编程语言 css
全部 Javascript css php

  • 提升CSS技巧：:is(), :where(), 和:has()伪元素的运用

    :is()、:where() 和 :has() 伪元素是 CSS 中用于样式化元素的非常强大的工具。它们是在 CSS 选择器 Level 4 规范中引入的。它们允许我们将样式应用于符合特定条件的任何元素，例如元素的类型、元素的位置和元素的后代。:is():is() 伪类可以用于基于选择器的组合来定位 2024-09-05 09:03:29

  • CSS-width 属性

    属性定义及使用说明width属性设置元素的宽度。注意： width属性不包括填充，边框和页边距！默认值： auto继承： no版本： CSS1JavaScript 语法：object.style.width="50px"属性值值 描述auto 默认值。浏览器可计算出实际的宽度。lengt 2024-09-05 08:33:11

  • 「测试开发全栈-HTML css字体的行间距line-height

    刚说完HTML语言CSS字体的缩进text-indent,接下来我们讲下字体的行间距属性 line-height. 该属性用来设置行间的距离，也就是我们经常说的行高。可以控制文字行与行之间的距离。来一起看下line-height的语法:p {line-height:20px;}怎么理解行间距呢？看下 2024-09-05 08:03:49

  • 一行CSS实现全站中文简繁转换

    一、不BB，直接解密就是这么一行CSS：font-variant-east-asian: traditional;表示当前文字使用繁体变体。再加粗显示一下：font-variant-east-asian: traditional;例如：body { font-variant-east-asi 2024-09-04 11:00:52

  • 前端样式：CSS 实现多行文字截断

    做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图：看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，一般来说，在做这样文字截断效果时我们更多是希望：兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超出范围才显 2024-09-04 10:17:45

  • 那些年我总结的css水平垂直居中

    前言css水平垂直居中一直是一个亘古不变的话题，它常常出现在优美的网页上以及各大前端面试当中。说来惭愧，在两年前面试的时候，我完全不知道如何做到水平和垂直均居中的方法，那场面别提有多尴尬了（特想找个地洞钻进去）。现在都2022年了，这些技巧现在已经不是技巧了吧，只是好记性不如烂笔头，还是乖乖记下来吧 2024-09-03 09:33:33

  • css中不能控制rowspan是个大问题

    用div来模拟table的布局，display设置为table、table-row、table-cell都挺好用，关键是要合并单元格的时候，css没有对应的rowspan、colspan属性，让人很是郁闷。所以遇到这种问题的时候，要么就用表格的嵌套，但是结构又复杂了。或者用div模拟出合并的行，再和 2024-09-02 08:33:05

  • CSS问题：如何实现滚动条的下拉滚动提示效果？

    ONE需求分析，问题描述一、需求一个可以滚动的菜单，为它添加一个可以下拉滚动的提示。要求滚动到菜单最底部时，隐藏下拉滚动的提示，否则让其一直显示。二、问题1、如何实现滚动条效果？2、如何判断是否滚动到底部？TWO解决问题，答案速览实现代码如下，复制粘贴即可直接使用。代码中滚动条的实现使用了eleme 2024-09-02 08:18:25

  • Web前端工程师应该知道的用 CSS 隐藏页面元素的方法！(css opacity属性}

    你有没有想过，为什么我们要有这么多技术来隐藏元素，而它们看起来都实现的是同样的效果?每一种方法实际上与其他方法之间都有一些细微的不同，这些不同决定了在一个特定的场合下使用哪一个方法。今天就带大家了解一下不同的方法分别用于那种场合更合适，下面就让我们一起来看一看吧!一、opacityopacity 属 2024-09-01 10:45:36

  • 填坑实战：9个CSS填坑示例(css 首行缩进两个字符)

    今天主要讲讲我们平时在使用css时会碰到的几个问题，在这里特别说明一下，文章中的CSS 并不止包含 CSS，也包含 CSS 预处理器（Less Sass 等），愿大伙不要纠结于此。1. 尽量使用 padding 代替 margin我们在设计稿还原的时候，padding 和 margin 两个是常用的 2024-09-01 08:33:20