随笔分类 -  css

子元素个数不定的垂直居中布局
摘要：平时需要‘子元素个数不定的垂直居中’的场景应该不少见吧，像下面这样的效果： 直接上代码： 阅读全文
posted @ 2017-09-15 17:36 小黑的胡子 阅读(337) 评论(0) 推荐(0)
移动端过禁止输入emoji表情实现方案
摘要：最近手头上的项目有一个需求就是输入框不能输入表情，然后就各种在网上找资料，网上好多人给的方案是: 用法大概就是: 这个对于搜狗输入法是有用的，但是我手机上换了讯飞输入法试了试，并没什么卵用，第三方书法的emoji表情unicode编码范围还真不好确定。 所以反着来。你不让输入表情，我就只能输入中文， 阅读全文
posted @ 2017-09-15 16:46 小黑的胡子 阅读(6244) 评论(0) 推荐(0)
块级元素和行类元素的一些探索
摘要：块级元素和行内元素在面试题中的出场率很高的，虽然自己知道块级元素和行内元素的区别，但是还是有必要总结下。 块级元素： 块状元素排斥其他元素与其位于同一行，可以设定元素的宽（width）和高（height），块级元素一般是其他元素的容器，可容纳块级元素和行内元素。常见的块级元素有div, p ,h1~ 阅读全文
posted @ 2017-04-18 16:50 小黑的胡子 阅读(189) 评论(0) 推荐(0)
css常用属性总结：关于word-spacing和letter-spacing的使用
摘要：前端时间项目版本迭代，修改代码时发现使用了关于word-spacing和letter-spacing。先说下使用场景，以前的项目中，经常遇到某些字符间有一些间距，我看了一些同事的代码是这么实现的: <p>操&nbsp作</p> 如果之间比一个空格距离要宽的话，就多加几个&nbsp，这个方法虽然可行， 阅读全文
posted @ 2017-04-11 20:38 小黑的胡子 阅读(7896) 评论(0) 推荐(1)
css常用属性总结：背景background下篇
摘要：前言：这段时间天天加班到10:30之后，简直是x了。 在上一篇文章中，分别解析了background各个属性的用法和注意细节。如果我们在项目上使用背景效果，如果使用下面的写法，你可能抓狂。 body{background-color:#ccc;background-image:url(bg123.g 阅读全文
posted @ 2017-04-01 15:49 小黑的胡子 阅读(295) 评论(0) 推荐(0)
css常用属性总结：背景background上篇
摘要：1.在前面一节中我们提到了color的使用，类似于前景色，我们同样可以为元素的背景声明颜色，可以使用background-color属性， 它接受任何有效的颜色值。先看看它的语法。 background-color 允许值 <颜色> | transparent 初始值 transparent 可否继 阅读全文
posted @ 2017-03-20 21:42 小黑的胡子 阅读(488) 评论(0) 推荐(0)
css常用属性总结：文本属性中的text-align
摘要：前面提到text-indent属性，用来实现文本的缩进，今天的text-align使用率可比文本缩进高的多。拿自己现在做的项目上来说，水平居中和垂直居中估计是用到最多了，那我们就先看看它的语法吧！ text-align 允许值 left| center | right | justify | 初始值 阅读全文
posted @ 2017-03-13 17:04 小黑的胡子 阅读(1653) 评论(3) 推荐(1)
css常用属性总结：文本属性中的text-indent
摘要：在网页中的文本格式中最重要的效果之一就是段落的首行文本缩进，尤其在新闻类页面，使用text-indent，任何元素都可以让首行以给定的长度缩进， 长度甚至可以是负数，这一属性的最常用方式就是段落的首行缩进； p{text-align:2em;} 这条规则使任何段落的首行缩进2个字符大小。 通常，te 阅读全文
posted @ 2017-03-03 15:50 小黑的胡子 阅读(3871) 评论(0) 推荐(0)
css常用属性总结：颜色和单位
摘要：在css代码编写中，估计颜色和单位是必不可少的，然而在css中关于颜色和单位值的写法有很多种写法，所以有必要把它弄清楚。 颜色 当初我在初学前端的时候，就会冒出一个疑问“我该如何设置网页颜色？”，一般常用英文颜色名或者十六进制颜色值来设置颜色，但是css中还有一些其他较为复杂的写法。 RGB颜色 计 阅读全文
posted @ 2017-03-03 15:47 小黑的胡子 阅读(507) 评论(0) 推荐(0)
css常用属性初总结：font
摘要：平时在做项目时，UX常说的一句话就是“这里的字体不对吧，字体大小也不太对，你们前端有没有按规范来”,今天，我们就一起来看看这折磨人的font属性。 字体属性font-family 允许值 系列名 初始值 与用户代理有关 可否继承 可继承 适用于 所有元素 如果需要将某个元素的字体修改只需简单的一句代 阅读全文
posted @ 2017-03-03 15:45 小黑的胡子 阅读(300) 评论(0) 推荐(0)
css继承和层叠
摘要：在前面介绍了如何利用文档结构和css选择器为元素应用各种丰富的样式，今天来好好聊聊css的层叠和继承，先说说概念。 继承：一个元素向其后代元素传递属性值所采用的机制，说的通俗点，就是元素的某些属性可以通过继承从而传递给子元素的。 如： <p><span>测试继承</span>这里不是span中的内容 阅读全文
posted @ 2017-03-03 15:16 小黑的胡子 阅读(413) 评论(0) 推荐(0)