letter-spacing字之间的间距问题的探讨

Posted 2021-01-29 mreyuj

自定义指令otherRender，写在项目公共的js中。这里我先将所有的类对应的颜色类和图标定义好。css样式是根据需求自定义的word-spacing，单词间距，浏览器是根据空格判断的，有空格就认为有词。

hello后的空格，http://www.ukmtey.com/ 后加上字距letter-spacing(蓝色)，再加上 单词间距（粉红色块20） 才是真正的距离。

optional翻译成汉语具有"可选的"的意思。顾名思义，!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段：

有一种应用场景很适合使用这两种伪元素选择器，当需要对列表动态的生成复杂的编号规则时，可以结合 :before 和 counter() 使用。在 CSS 中也是可以使用一些内置的方法功能。
伪类选择器
当不是通过 html 文档中元素的一些基本性质，比如 id，class，标签名，属性这些基本特征来匹配这些元素时，就可以称作伪类选择器。

伪类选择器是通过满足一些指定状态、行为下来匹配元素的一种选择器，比如满足是否获取焦点等等。

以上定位都可以使用top,left,right,bottom来进行移动。z-index:此属性是用来声明元素的显示级别的。

利用CSS定位可以写出关于任何网页界面的简单分块，利用之前学习的html相关知识可以实现部分功能。

js代码在客户端执行前，浏览器会给这个js一个全局环境，这个全局环境

分两个部分。

一个是内存模块，一个是执行模块，内存模块找到当前作用域下所有带var和function的关键字，var 进行变量声明，function 声明定义。

注意：但是在IE6及以下的浏览器中并不支持BFC，所以使用这种方式不能兼容IE6。在IE6中虽然没有BFC，但是具有另一个隐含的属性叫做hasLayout，该属性的作用和BFC类似，所在IE6浏览器可以通过开hasLayout来解决该问题，开启方式很多，我们直接使用一种副作用最小的：直接将元素的zoom设置为1即可

为 div > a 元素的文字设置大小和字体并居中显示（垂直居中可以将 line-height 设为 div 高度相同）。

为文字添加阴影，将整个 div 旋转 -45 度。

这是在做布局时的一个经典问题。http://www.nkysut.com/ 那这个问题是怎么产生的呢？主要是合并margin的问题，红色层（子层）的margin-top与黄色层（父层）相合并，产生了共同的margin-top。其实合并margin还有其他的形式，比如说：

下面的链接是我使用的稍作修改的.js文件，同样的，大家可以自行修改，将文件上传到博客园，再复制URL。

align-self 允许单个项目与其他项目不一样的对齐方式，可覆盖align-items属性默认值auto，表示继承父元素的align-items，如果没有父元素则等同于strech

那么，outline是完美的替代品，因为它可以在不影响文档流的情况下呈现该对象。但是IE6 和IE7 不支持 outline 属性。所以，它不能在这两个浏览器中用于调试。

块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。

任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。

里面只有true或者false;默认false，加个true后，div、p、等等非输入标签都是可以输入。而且主流浏览器都是支持，包括IE7