前端开发

::part()为Shadow DOM中具有匹配part属性的任何元素添加样式

2020-07-0919次阅读csshtml5css3
Shadow DOM 为Web组件中的DOM和CSS提供了封装,保持与主文档的DOM保持分离。::part()则可以为Shadow DOM中具有匹配part属性的任何元素添加样式
前端开发

scroll-margin-top应用

2020-06-1993次阅读css
fixed固定导航中例如Jump链接指向当前页中的Header。那您会发现固定导航会挡住Header
前端开发

带进度指示的CSS滚动条

2020-06-1777次阅读css3css
带进度指示的CSS滚动条只适用于-webkit-vendor前缀的滚动条样式属性。
前端开发

CSS计数器CSS counters给数字后面加背景

2020-06-1664次阅读css3css
CSS counters是CSS2.1中自动计数编号部分的实现。计数器的值通过使用counter-reset 和 counter-increment 操作,在 content 上应用 counter() 或 counters()函数来显示在页面上。
前端开发

CSS伪元素::marker选择列表项的标记框

2020-06-1545次阅读css3css
在CSS中display设置list-item值之后就会生成一个Markers标记以及控制标记位置和样式的几个属性,而且还定义了计数器(计数器是一种特殊的数值对象),而且该计数器通常用于生成标记(Markers)的默认内容。
前端开发

CSS4媒体查询@media (hover: hover)

2020-06-1539次阅读csscss3
CSS4媒体查询@media (hover: hover)仅允许您在具有悬停功能的设备上应用样式。
前端开发

css3实战linear-gradient渐变背景色平铺

2020-04-20143次阅读css3css
background: #f7d79b;background:linear-gradient(to bottom,#f7d79b 0%,#f7d79b 50%,#F8D18C 50%,#F8D18C 75%,#F6D494 75%,#F6D494 100%);background-size:100% 4px;这里权当记录一下,下次拿来主义。
前端开发

css滚动条带有进度背景色

2020-04-20108次阅读css3css
通过box-shadow来实现滚动条带有进度背景色。
前端开发

CSS 变量传值给JS

2020-02-25248次阅读javascriptcss3css
CSS变量出现前,从CSS传值给JS非常困难,甚至需要借助一些Hack的手法。现在使用CSS变量,你可以直接通过JS获取变量值并进行修改:
前端开发

CSS3中border-radius实现椭圆角还可以这样写

2020-02-19248次阅读css3css
CSS3中border-radius实现椭圆角,常规写法是border-radius:元素高度的一半。如果高度未知,请选择任意大的值(例如99em)。