css教程共8篇

丰富好用的Hover.css效果库

丰富好用的Hover.css效果库-智码星河
使用方法: 1. 下载Hover.css https://ianlunn.github.io/Hover/ 夸克网盘下载 下载的文件 2. 将hover-min.css拷贝到项目中 3. 打开官网的效果案例,右键打开源代码,拷贝需要效果的类名 4. 在...
青栀的头像-智码星河青栀16天前
0458

CSS进阶-CSS变量

CSS进阶-CSS变量-智码星河
随着前端技术的不断演进,CSS也迎来了许多新特性,其中CSS变量(Custom Properties)无疑是增强样式灵活性和维护性的一大利器。本文将深入浅出地解析CSS变量的核心概念、常见应用场景、易错点及...
青栀的头像-智码星河青栀20天前
0378

写网页及响应式

写网页及响应式-智码星河
设计图分为版心一般为: 1600/1520/1440/1400/1200px pc正常写(一般是在1920px的屏幕),版心w写最大宽度为当前设计图版心的宽度,注意不是宽度,而是最大宽度。最大宽度的意思是,当屏幕大于...
青栀的头像-智码星河青栀21天前
0476

15个前端小知识

15个前端小知识-智码星河
1. css 一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: ...
青栀的头像-智码星河青栀21天前
05713

前端知识点总结(html+css)

前端知识点总结(html+css)-智码星河
众所周知,前端内容多而杂,经过查阅各种资料,总结了一些知识点,以备后续复习使用。 html篇 html应该是前端中最简单的知识点了,标签用着用着就熟记于心,话不多说,上干货。 1. 常见块级元素...
青栀的头像-智码星河青栀22天前
0568

如何使用 CSS 设置和自定义水平和垂直滚动条

如何使用 CSS 设置和自定义水平和垂直滚动条-智码星河
滚动条是图形用户界面(UI)中必不可少的组件。滚动条允许用户查看超出其容器宽度或高度的内容。滚动条还使用户能够查看超出屏幕宽度或高度的内容。默认情况下,浏览器会为body内容的溢出包含一...
青栀的头像-智码星河青栀22天前
04813

如何在div标签中隐藏水平滚动条

如何在div标签中隐藏水平滚动条-智码星河
在div标签中隐藏水平滚动条,可以通过CSS样式来实现。以下是一种方法: 在CSS文件中,为div标签添加一个类名,例如.hide-scrollbar。 .hide-scrollbar::-webkit-scrollbar { display: none; } ....
青栀的头像-智码星河青栀22天前
0295

一行css让页面平滑滚动

一行css让页面平滑滚动-智码星河
核心样式 html,body{ /* 核心属性 让页面平滑滚动*/ scroll-behavior: smooth; } 如果页面中用到了点击锚点跳转到对应的位置,只需要加上上面这个样式即可实现平滑滚动到指定位置。利用它不需要...
青栀的头像-智码星河青栀22天前
0586