• HTML 中 div不定宽度如何实现水平居中

    接触前端的小伙伴们,相信大家对盒子水平居中再熟悉不过了,盒子水平居中的两个缺一不可的条件为:宽度和margin:0 auto;然而进一步推想盒子水平垂直居中怎么实现呢,同样我们可以借助定位以及top:50%和left:50%加margin-left和margin-right的值设置为宽度的一般加负号 2024-09-25 10:03:28
  • 一文读懂 CSS 单位(css标准单位)

    最近有不少的粉丝老铁们私信我为啥这几天没有创作新内容了,实在对不住。小编我身在广州中招羊了,我在最近一篇文章也有提到过,今天是第四天,基本上康复了,奥密克戎BA.5其实没有那么恐怖,中招了前三天特难受,熬过来了就没事了,大家莫慌。现在小编就可以认认真真的继续创作内容了。同时也非常感谢大家默默的关心我 2024-09-25 09:03:31
  • 时钟和倒计时:CSS 和 JavaScript 中的计时

    有一天,我需要一个数字时钟组件,所以我很快编写了一个简单的 JavaScript 方法:function uiDigitalClock(node) { const now = () => { node.textContent = new Date().toLocaleTimeStr 2024-09-25 08:48:33
  • CSS设计中的错误大整理!

    如果有人发明时间机器,那应该将这些错误纠正,不然可把前端程序猿们给还惨了。大家一起看看都有哪些CSS规则应该完善。Css 代码white-space: nowrap 应该 white-space: no-wrap并且不应添加换行符行为 white-spacevertical-align不应该适用于表 2024-09-25 08:33:38
  • 中国95%的网站需要重写css

    如果你有一定的web前端开发经验,当你在做页面的时候首先会将页面设置为12px,我在切图学院 [ qietu.net ] 带学生的时候,也会这样讲,在中国根据中国人的使用习惯,我们通常把字体设置成为12px,这比较符合中国人的使用习惯。但是这样真的对吗?很长一段时间,我都使用12px作为网站的主要 2024-09-24 10:03:44
  • pure.css——轻量级、响应式纯css模块,适用于任何Web项目

    pure是一个轻量级框架。这类框架的作用就是通过给相应元素添加预设好的class,来快速的实现预设效果。pure只有短短数千行代码,但是可控拓展,非常实用,对于新手来说,pure是css框架入门的一个比较好的选择。在后期做项目时也可能用到类似于boostrap这样的大型框架。所以前期对于轻量级框架源 2024-09-24 09:34:01
  • css动画样式

    一,css3新增了动画效果,目前使用transform属性实现元素在空间内的移动,旋转缩放等效果,1,空间:是从坐标轴定义的,x,y,和z三条坐标构成了一个立体空间,z轴位置与视线相同空间转换也叫3d转换,属性名唤transform二,空间位移语法:transform:translate3d(x,y 2024-09-24 08:04:11
  • css基础篇--表格样式

    目标表格边框合并表格边框的间距设置表格标题位置的设置表格可以说是网页必备的元素之一,但是原生的表格样式都是很丑,列如表格加入边框的默认情况下,单元格与单元格之间有一定的空隙;设置单元格边框间距等等,都是可以通过css来设置自己的默认样式表格边框合并默认情况下,表格有边框的情况下,内部看似有一层填充物 2024-09-23 10:48:16
  • CSS中常用的颜色格式

    CSS 中的颜色格式可以采用不同的表示方式,包括常用的十六进制、RGB、RGBA、HSL 和 HSLA 等格式。十六进制是最常用的格式,使用 6 个十六进制数字来表示颜色,例如 #FF0000 表示红色;RGB 格式使用红、绿、蓝三个颜色通道的数值来表示颜色,例如 rgb(255,0,0) 也表示红 2024-09-23 10:33:35
  • 前端入门——css 样式表简介

    层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化那css网页HTML有什么关系?通俗的 2024-09-23 10:03:42