随笔分类 -  css

npm、webpack、Gulp 中文教程
摘要:按顺序阅读 1.npm 模块管理器 2.package.json 文件 3.npm 模块安装机制简介 4.npm scripts 使用指南 5.CommonJS 规范 随着 es6 模块化特性的出现,慢慢的在线编译模块方案将被淘汰。 6.webpack 中文文档 7.webpack-demos 选读 阅读全文
posted @ 2018-11-21 16:25 代码ok 阅读(309) 评论(0) 推荐(0) 编辑
[CSS]理解line-height
摘要:字面意思 “行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。基线实在英文字母中用到的一个概念,我们刚学英语的时使用的那个英语本子每行有四条线,其中底部第二条线就是基线,是a,c,z,x等字母的底边线。下图的红色线即为基线。 vertical-align中有top,middle, 阅读全文
posted @ 2016-11-17 19:15 代码ok 阅读(408) 评论(0) 推荐(0) 编辑
[CSS]去除inline-block元素间距的几种方法
摘要:当我们使用inline-block 时,会出现空白间距问题。 但这些间距对我们的布局,或兼容性产生影响,我们需要去除它,该怎么办?下面简单介绍几种方法: 1.去掉html元素之间的空格,直接写在一行。 2.使用margin负值,通常可设置为margin:-4px 3.使用font-size:0。父元 阅读全文
posted @ 2016-11-17 18:44 代码ok 阅读(571) 评论(0) 推荐(0) 编辑
[CSS]元素的显示与隐藏
摘要:摘自:http://www.zhangxinxu.com/wordpress/?p=1528 元素隐藏与显示是我们在页面制作与交互效果实现中非常常见的,如果您只是使用display:none与display:block/inline来实现DOM元素的显隐控制,那你就out了。就元素的显示与隐藏实现, 阅读全文
posted @ 2016-11-10 15:28 代码ok 阅读(665) 评论(0) 推荐(0) 编辑
[CSS]图片与文字对齐问题
摘要:摘自:张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 图片与文字默认是居底对齐了。所以当图片与文字在一起的时候往往都是不对齐的。尤其图片较小时就更加明显了,我看到很多人使用vertical-align:middle;对齐。在火狐下效果是不错,但是IE下,虽然是效果好了些 阅读全文
posted @ 2016-11-10 13:45 代码ok 阅读(671) 评论(0) 推荐(0) 编辑
[CSS]置换和非置换元素
摘要:转自:http://blog.doyoe.com 先进一个题外话 在面试一个 重构(各大公司的叫法可能不太一样)时,我喜欢从一个点开始问,然后一直延展下去成为一条线,甚至是一个面,直到问到不会的地方,然后又换另外一个点。 例如:我可能会说,能简单聊聊 行内级元素 和 块级元素 的区别吗。 一般这时, 阅读全文
posted @ 2016-11-10 13:37 代码ok 阅读(385) 评论(0) 推荐(0) 编辑
[技巧]实际项目中background-image应写在页面上
摘要:摘自:http://www.zhangxinxu.com 因为实际项目中(数据对接时),这肯定是个动态的URL地址,css文件似乎不支持动态URL 地址。 img标签可更换为任意标签。 阅读全文
posted @ 2016-11-10 13:35 代码ok 阅读(194) 评论(0) 推荐(0) 编辑
[CSS]当选择器没有指定元素时
摘要:当选择器没有指定元素时,样式会作用于(匹配)所有html元素。 如下面代码: 阅读全文
posted @ 2016-11-09 13:40 代码ok 阅读(234) 评论(0) 推荐(0) 编辑


点击右上角即可分享
微信分享提示