- CSS 基础 5 - CSS 选择器
基础#id{}ID选择器.class{}类选择器tag{}标签选择器，tag可以是h1,p,div,span,img,nav,footer...*{}通用选择器，选择所有元素，可以和其他复杂选择器组合<divclass="class1class2"id="my-id"></div>注：每个元素可以有多个类，例如上面的HTML，在CSS中......
- HTML emoji整理 表情符号
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>测试</title></head><body><divstyle="font-size:50px;">......
- HTML+JavaScript+CSS DIY 分隔条splitter
一、需求分析现在电脑的屏幕越来越大，为了利用好宽屏，我们在设计系统UI时喜欢在左侧放个菜单或选项面板，在右边显示与菜单或选项对应的内容，两者之间用分隔条splitter来间隔，并可以通过拖动分隔条splitter来动态调研左右两边的宽度。要在网页上实现这种UI界面，也有不少现成的组件，比如jQue......
- styled-components & CSS pseudo classes All In One
styled-components&CSSpseudoclassesAllInOne::after&::beforeCSS伪元素constListItem=styled.li`font-size:70px;font-weight:bold;cursor:pointer;color:transparent;-webkit-text-stroke:1pxwhite;position:relative;&......
- CSS 实现 table 表头固定 tbody 显示垂直滚动条并自定义滚动条样式
一、最终效果图 二、关键代码html代码：<divclass="table_info"><tableborder="0"cellspacing="0"cellpadding="0"style="width:100%;"><thead><tr><th>项目账号</th&g......
- WebKit Inside: CSS 样式表的匹配时机
WebKitInside:CSS的解析介绍了CSS样式表的解析过程，这篇文章继续介绍CSS的匹配时机。无外部样式表内部样式表和行内样式表本身就在HTML里面，解析HTML标签构建DOM树时内部样式表和行内样式就会被解析完毕。因此如果HTML里面只有内部样式表和行内样式，那么当DOM树......
- Vue在main.js全局引入scss文件，组件里使用scss变量报错问题
问题描述在写组件样式的时候，普通样式都没问题，一碰到$变量就errorModulebuildfailed(from./node_modules/sass-loader/dist/cjs.js):color:$normal-active-color;^Undefinedvariable.╷22│color:$normal-active-color;│......
- css小技巧
<divid="shizijia"></div>#shizijia{margin-left:80px;background:blue;height:130px;position:relative;width:18px;}#shizijia:after{background:green;content:"";height:18px;left:-55px;posit......
- 矩阵的乘法运算与css的3d变换（transform）
theme:qklhk-chocolate引言：你有没好奇过，在一个使用了transform变换的元素上使用window.getComputedStyle(htmlElement)['transform']查询出来的值代表什么？为什么硬件加速要使用transform，以及为什么硬件加速会快?小科普：关于矩阵的乘法 以两个二阶齐次矩阵相乘为例 [......
- 使用html和js写一个音乐播放器
代码如下<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>音乐播放器</title><style>@font-face{font-family:'ChillCalligraphy';......