• 前端:使用CSS干JavaScript的活,Pseudo-class :empty

    废话不多说,直接来看,你要实现这个功能:点击提交按钮,如果email没有填写,就提示报错信息,如下图一般你会这样设计,首先看HTML结构如下,很简单没什么特殊的,用CSS给他们美化一下,显示如下:最后JS来控制:这样已经很好了,但这里有个问题,相信大家都发现了,就是在没有错误的情况下,那个空的红色错 2024-11-12 08:34:08
  • CSS中的:any-link、:focus-visible、:focus-within、:where()

    伪类选择器以冒号开头,并基于当前元素的状态进行匹配。状态可能和DOM树相关,也可能和状态的改变有关,比如:hover 和 :checked。:any-link兼容性还行;可以匹配具有href属性的<a>和<area>,不管这些链接是否被访问过。:any-link等价于:lin 2024-11-12 08:19:35
  • css如何实现水平居中的几种方式

    一、对于行内元素:text-align:center;二、对于确定宽度的块级元素:(1)margin和width实现水平居中常用(前提:已设置width值):margin-left:auto; margin-right:auto;(2)绝对定位和margin-left: -(宽度值/2)实现水平居中 2024-11-11 10:46:59
  • CSS里的ch到底是什么东西?

    ch 应该是一个鲜为人知的计算单位。ch 是一个相对于数字0的大小。1ch 就是数字 0 的宽度。比如定义一个 3ch 宽度的容器,就只能装下3个0。<style> div {\  width: 3ch;\  background: powderblue; 2024-11-11 10:18:34
  • CSS3线性动态效果文字导航菜单动画特效代码

    效果图嗨,长友们大家好今天分享的是一款黑色个性的线性动态效果导航菜单代码,CSS3镜像文字导航菜单动画特效。废话不多说上代码JS源码<script>//For Demo onlyvar links = document.getElementsByClassName('link')for( 2024-11-11 09:48:37
  • HTML+CSS:css的常用标签总结,了解各个标签的作用(css的标签有哪些)

    css的标签有很多,本篇文章为大家总结以下常用的一些标签以及简单说明这些标签的作用。(1) css的文字属性标签文字颜色: color: #ffffff;文字样式: font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 字体大小:font-size:16 2024-11-11 09:18:52
  • XPath和CSS定位及使用方法

    XPath 即为 XML 路径语言(XML Path Language),它是一种用来确定 XML 文档中某部分位 置的语言。XPath 基于 XML 的树状结构,提供在数据结构树中找寻节点的能力。XPath 使用路径 表达式来选取 XML 文档中的节点或节点集。节点是通过沿着路径(path)或步( 2024-11-11 09:03:49
  • 前端一定要学scss语言,css的各个痛点都被它解决了七七八八(css全称是什么)

    css全称是 Cascading Style Sheets,翻译过来就是层叠样式表的意思,是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,CSS 文件扩展名为 .css。 无论是网页设计师还是前端工程师,掌握css是必备的技能。是前端三大件h 2024-11-11 08:49:08
  • CSS border-width 属性

    实例设置四个边框的宽度:p{border-style:solid;border-width:15px;}属性定义及使用说明border-width属性设置一个元素的四个边框的宽度。此属性可以有一到四个值。实例:border-width:thin medium thick 10px;上边框是细边框右边 2024-11-11 08:33:40
  • HTML+CSS:html元素分类之块级元素、内联元素、内联块级元素

    html元素主要分为3类,块级元素、内联元素以及内联块级元素,本篇文章我们来就详细介绍一下各个分类的含义以及对应的特点。(1)块级元素在html中div、 p、hx、form、ul 、 li、dl、dd就是块级元素。css属性设置display:block就是将元素显示为块级元素。块级元素特点:1、 2024-11-10 17:30:07