2025年02月01日
CSS样式优先权
1.写法优先权
优先级依次是：行内样式表 > 内部样式表> 外部样式表。
2.选择符优先权
对于id 与 class 而言，id的定义优先于class 的定义。具有class属性的比没有class属性的优先权要大。
id > class > 类型选择符
样式继承
1.HTML 中的子标签会继承部分父标签的样式。
如: body { color:#ff0000;}那么页面中,body之下的所有标签及标签下的所有子标签的文本都将变成红色。
2025年02月01日
Meta（原 Facebook）开源了全新的 CSS-in-JS 库 StyleX。
GitHub 地址：https://github.com/facebook/stylex
2025年02月01日
在设计网页中，锚点滚动是不可或缺的，现在分享给大家，好好看看。
为了好复制，插入整个demo源码
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
2025年02月01日
很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清，简单来说响应式布局相当于流动网格布局，而自适应布局等于使用固定分割点来进行布局。接下来就给大家讲解用CSS做响应式布局的方法。
做响应式网站离不开CSS响应式布局查询代码写法，而在此之前，我们需要了解什么是媒体查询以及如何才CSS中引入媒体查询。
什么是媒体查询？
媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有width、height和color（等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。
2025年02月01日
网页默认的滚动条不怎么好看，特别是对于网页内部元素使用滚动条时，默认样式就更加显得格格不入。
对于滚动条的样式设置，调整以下一个属性的值即可。
::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道