随笔分类 -  css

css知识点 混淆点记录
中间固定两侧自适应三栏布局
摘要：上一种布局“中间自适应两侧固定” 用了三种方法去解决，这一种是不常见的布局格式，来看下解决方法，先看简单的解决 第一种：绝对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title 阅读全文
posted @ 2015-10-01 16:03 自_定义 阅读(287) 评论(0) 推荐(0)
两侧固定中间自适应三栏布局
摘要：第一种方法：绝对定位: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body,html{ padding: 0; margin: 0; height: 1 阅读全文
posted @ 2015-10-01 12:03 自_定义 阅读(333) 评论(0) 推荐(0)
display:inline-block间隙问题
摘要：display:inline-block 是让块级元素变成行内元素 在一行显示， 然而不幸的是，它并没有得到所有浏览器的支持，比如ie6、7和古老一点的firefox完全无视它，由于firefox的老版本几乎已经从市场中消失，所以名义上firefox是支持display:inline-block的， 阅读全文
posted @ 2015-09-14 21:26 自_定义 阅读(1217) 评论(0) 推荐(0)
box-sizing怪异盒子模型在移动端应用
摘要：盒子模型不必多少，公认的盒子模型 总宽度=width + padding(padding-left,padding-right) + border(border-left,border-right) 而怪异盒子模型 总宽度=width 哎 语文老师是数学教的 没办法只能表述成这样了，没关系看图， 先 阅读全文
posted @ 2015-09-11 19:18 自_定义 阅读(837) 评论(0) 推荐(0)
奥森图标和CSS特殊字体使用方法
摘要：作为第一篇博文，写这个 我快要被气炸，好吧，废话不说了 昨天在项目中发现有很多这些Awesome图标 也在网上找了下Font Awesome 下载后这些文件，现在的版本是4.2，Font Awesome从4.1.0版本开始不再支持IE7， 但更早的版本仍然支持 官网和各种帖子也写了些使用方法，就是没 阅读全文
posted @ 2015-09-11 13:16 自_定义 阅读(3500) 评论(0) 推荐(1)