letter-spacing
lletter-spacing 属性增加或减少字符间的空白（字符间距）。
该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。
<p style="letter-spacing:10px;"> thisisatest </p>
//显示： t h i s a t e s t
<p style="letter-spacing:10px;"> 这是一个测试</p>
//显示：这 是 一 个 测 试word-spacing
word-spacing 属性增加或减少单词间的空白（即字间隔）。
该属性定义元素中字之间插入多少空白符。针对这个属性，“字” 定义为由空白符包围的一个字符串。如果指定为长度值，会调整字之间的通常间隔；所以，normal 就等同于设置为 0。允许指定负长度值，这会让字之间挤得更紧。
<p style="word-spacing:10px;"> this is a test</p>
//显示： this is a test*/
<p style="word-spacing:10px;">这 是 一 个 测 试 </p>
//显示: 这 是 一 个 测 试letter-spacing,word-spacing的区别
word-spacing 属性增加或减少单词间的空白（即字间隔）。 letter-spacing 属性增加或减少字符间的空白（字符间距）。word-spacing意思是设置单词间的间距，如何区别是不是为一个单词呢，这里我们可以看出 用空格隔开的为一个单词，所以在执行word-spacing:10px;执行的前后可以发现，执行后空格变得更大了！！
为什么 CSS 这么难？
我同 CSS 打交道已经有几年了，每当需要就会用到它。最近我想明白了一个问题，那就是为什么做好 CSS 样式如此之难。如果你一直都在 CSS 中苦苦挣扎，你要知道自己并不是一个人。本文就是要告诉你为什么 CSS 这么难
如何编写轻量级 CSS 框架
我想每个人都应该归纳总结工作中的常见需求，编写一套适合自己的 CSS 框架。大多数的轻量级框架只是 CSS 框架，不涉及 JS 部分，主要用于网页的布局。
如何通过CSS向JS传参？
CSS中有很多媒体查询的用法，例如设备尺寸判别，是否支持鼠标行为，是否是黑暗模式，是否是省电模式等。CSS可以自动检测，但是有时候，在JS中，我们也需要根据不同的系统主题，然后实现不同的交互逻辑，或者渲染出不一样的内容。
六种组织CSS的方式
Ben Frain曾经说过，写css代码很容易，但是扩展和维护却很难。本文就介绍了一套方案来解决这个问题。OOCSS 意为面向对象的CSS。这种方法有两种主要 观点:结构与设计分离,容器和内容分离
20条书写CSS代码
在这篇文章中，我想跟你分享 20 条由 CSS 社区推荐的约定和最佳实践。 有些建议可能比较适合新手，而有些则更高级一些，但我希望每个人都可以在本篇文章中收获自己不知道的知识。
CSS运算 calc()是怎么实现计算
CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。
你知道我们平时在CSS中写的%都是相对于谁吗？
编写CSS的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题
CSS 解析原理_你知道浏览器CSS是如何解析吗？
作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？ 浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rules ；
作为Web开发人员应避免的10种CSS做法!
有人认为CSS很难学习，没有什么逻辑可言，而且还坑很多，可能是大家对CSS还不是很了解，因为我提出了五个我不喜欢的开发者习惯，并向大家展示如何避免它们。
20个常用的CSS知识点
如何隐藏滚动条，修改滚动条样式，修改input框placeholder的颜色，按钮不可点击的样式，CSS鼠标指针事件：阻止任何JS事件，文字超出强制n行 超出部分用省略号代替，修改字体间距
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!