ch 应该是一个鲜为人知的计算单位。
ch 是一个相对于数字0的大小。
1ch 就是数字 0 的宽度。
比如定义一个 3ch 宽度的容器，就只能装下3个0。
<style>
div {\
width: 3ch;\
background: powderblue;\
}
</style>
<div>0000</div>2024年10月17日
ch 应该是一个鲜为人知的计算单位。
ch 是一个相对于数字0的大小。
1ch 就是数字 0 的宽度。
比如定义一个 3ch 宽度的容器，就只能装下3个0。
<style>
div {\
width: 3ch;\
background: powderblue;\
}
</style>
<div>0000</div>2024年10月17日
今天找一个 ? 点的符号 • 查到了这张表，分享出来。
HTML符号
1.特色的
| ? | © | ? | 版权标志 |
| | | | | 竖线，常用作菜单或导航中的分隔符 |
2024年10月17日
自从看到前端大神说网页要用div+css来布局，用table布局太low后，为了假装大神，也抛弃了table。于是从此陷入了CSS兼容的泥潭，一发不可收拾。现在总结起来，装神不是你想装，想装就能装，不如当菜鸟。资深的菜鸟，无招胜有招，想用啥就用啥，这境界不亚于大神。关键是要跳出技术想技术，就拿网页布局来说，要看用户群体，如果是面对IT人士，你可花点时间用div+css，如果是面对官员，建议稳妥起见用table，否则一个兼容没处理好，就否定你一切，让你从大神直接变大忽悠。因此
2024年10月17日
这篇文章深入讨论了在CSS中裁剪多行文本的方法，以提高网页的外观和用户体验。作者首先介绍了常见的CSS文本裁剪技术，例如使用text-overflow
2024年10月17日
CSS里的text-overflow属性能用来控制超长溢出的文字内容的显示方式，超出的文字可以是直接截断、用省略号表示，或用自定义的字符替代。
text-overflow的起作用环境是在一个‘block’状态下的父元素容器里，它的inline子元素上水平方向不能换行(因为 ‘white-space: nowrap’)的情况下。要想text-overflow起作用，我们还不行能让‘overflow’的值为visible，因为我们的目的就是不想让超出的部分直接显示出来。
2024年10月17日
/**
* @description 判断是否是端口号
* @param str
* @returns {boolean}
*/
export function isPort(str) {
const reg = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/;
return reg.test(str);
}
2024年10月17日
CSS:cascading style sheets层叠样式表 语法:选择符{属性:属性值;属性:属性值;} 外部样式表链接方式 或者 @inport url(路径名) 不常用，没那个好 内联样式表优先级最高 *{margin: 0 ;padding:0;} li{list-style:none;} 去掉无序列表的列表符号 a{text-decoration:none;}去掉超链接下划线，写导航的时候会用到，所以提前写 包含选择器选择符1 选择符2{属性:属性值;} 伪类选择器a:link{属性:属性值;}超链接的初始状态 a:visited{属性:属性值;}超链接被访问后的状态 a:hover{属性:属性值;}鼠标划过超链接时的状态 a:active{属性:属性值;}鼠标按下时超链接的状态
2024年10月17日
本次我把CSS中的重难点整理出来，总共54个核心知识点，供大家复习，希望能帮到大家。这些重难点是进阶高薪必需要掌握的知识点，同时也是面试必问的内容。
因为涉及的内容较多，我分5篇内容发出来，好逐一进行让大家消化这些内容，本次我把前1-12个CSS重难点整理出来，具体内容如下：
2024年10月17日
<!-- 利用行内样式设置鼠标样式 -->
<li style="cursor: default">鼠标默认样式</li>
<li style="cursor: move">鼠标移动样式</li>
<li style="cursor: pointer;">鼠标指针样式</li>
<li style="cursor: text;">鼠标文本样式</li>
<li style="cursor: wait;">鼠标等待样式</li>
<li style="cursor:zoom-in;">鼠标放大样式</li>
<li style="cursor: zoom-out;">鼠标缩小样式</li>2024年10月17日
原文来源于：程序员成长指北；作者：嘉琪coder
如有侵权，联系删除
如果想要文本超出宽度后用省略号省略，只需要加上以下的 css 就行了。