摘要: 前端时间项目版本迭代,修改代码时发现使用了关于word-spacing和letter-spacing。先说下使用场景,以前的项目中,经常遇到某些字符间有一些间距,我看了一些同事的代码是这么实现的: <p>操&nbsp作</p> 如果之间比一个空格距离要宽的话,就多加几个&nbsp,这个方法虽然可行, 阅读全文
posted @ 2017-04-11 20:38 小黑的胡子 阅读(7782) 评论(0) 推荐(1) 编辑
摘要: 前言:这段时间天天加班到10:30之后,简直是x了。 在上一篇文章中,分别解析了background各个属性的用法和注意细节。如果我们在项目上使用背景效果,如果使用下面的写法,你可能抓狂。 body{background-color:#ccc;background-image:url(bg123.g 阅读全文
posted @ 2017-04-01 15:49 小黑的胡子 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 1.在前面一节中我们提到了color的使用,类似于前景色,我们同样可以为元素的背景声明颜色,可以使用background-color属性, 它接受任何有效的颜色值。先看看它的语法。 background-color 允许值 <颜色> | transparent 初始值 transparent 可否继 阅读全文
posted @ 2017-03-20 21:42 小黑的胡子 阅读(476) 评论(0) 推荐(0) 编辑
摘要: 前面提到text-indent属性,用来实现文本的缩进,今天的text-align使用率可比文本缩进高的多。拿自己现在做的项目上来说,水平居中和垂直居中估计是用到最多了,那我们就先看看它的语法吧! text-align 允许值 left| center | right | justify | 初始值 阅读全文
posted @ 2017-03-13 17:04 小黑的胡子 阅读(1583) 评论(3) 推荐(1) 编辑
摘要: 在网页中的文本格式中最重要的效果之一就是段落的首行文本缩进,尤其在新闻类页面,使用text-indent,任何元素都可以让首行以给定的长度缩进, 长度甚至可以是负数,这一属性的最常用方式就是段落的首行缩进; p{text-align:2em;} 这条规则使任何段落的首行缩进2个字符大小。 通常,te 阅读全文
posted @ 2017-03-03 15:50 小黑的胡子 阅读(3737) 评论(0) 推荐(0) 编辑
摘要: 在css代码编写中,估计颜色和单位是必不可少的,然而在css中关于颜色和单位值的写法有很多种写法,所以有必要把它弄清楚。 颜色 当初我在初学前端的时候,就会冒出一个疑问“我该如何设置网页颜色?”,一般常用英文颜色名或者十六进制颜色值来设置颜色,但是css中还有一些其他较为复杂的写法。 RGB颜色 计 阅读全文
posted @ 2017-03-03 15:47 小黑的胡子 阅读(475) 评论(0) 推荐(0) 编辑
摘要: 平时在做项目时,UX常说的一句话就是“这里的字体不对吧,字体大小也不太对,你们前端有没有按规范来”,今天,我们就一起来看看这折磨人的font属性。 字体属性font-family 允许值 系列名 初始值 与用户代理有关 可否继承 可继承 适用于 所有元素 如果需要将某个元素的字体修改只需简单的一句代 阅读全文
posted @ 2017-03-03 15:45 小黑的胡子 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 在前面介绍了如何利用文档结构和css选择器为元素应用各种丰富的样式,今天来好好聊聊css的层叠和继承,先说说概念。 继承:一个元素向其后代元素传递属性值所采用的机制,说的通俗点,就是元素的某些属性可以通过继承从而传递给子元素的。 如: <p><span>测试继承</span>这里不是span中的内容 阅读全文
posted @ 2017-03-03 15:16 小黑的胡子 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 问题场景:今天在测试自己手上的页面功能时,发现一个小bug,在用ajax向后台发数据时,只要参数中出现一些特殊字符,控制台会报错http 400的问题,其实就是特殊字符服务器不能解析。好了,问题是找到了,但是改如何解决勒! 首先想到的就是把特殊字符进行编码在传递,但是自己写检测特殊字符函数代码时发现 阅读全文
posted @ 2017-03-03 14:53 小黑的胡子 阅读(12770) 评论(1) 推荐(2) 编辑
摘要: 前面几遍中我们分别说到了id选择器和class选择器,以及它们的区别和联系,下面大家一起来探究一下神奇的为类和伪元素吧。 其实以前我对伪类和伪元素也是搞得稀里糊涂的,现在决定剥开它神秘的外衣,首先,究竟什么是伪类?什么是伪元素? 伪类和伪元素的理解: 官方解释: 伪类一开始只是用来表示一些元素的动态 阅读全文
posted @ 2017-03-01 16:54 小黑的胡子 阅读(388) 评论(0) 推荐(0) 编辑