随笔分类 -  Xhtml/CSS

这里记录Xhtml/CSS2.0等资料
适合移动端与PC端的 CSS Reset - m_base.css
摘要：具体代码 BUG 修复 2018/09/09 为 增加同样的 禁止高亮的属性。 2018/08/27 使用 来修复在以px字体单位时，字体大小的显示缩放问题。 2017/02/23 修复 作用在form元素上导致表单控件在IOS下无法输入的bug 阅读全文
posted @ 2017-02-14 20:40 卷柏的花期 阅读(1150) 评论(0) 推荐(0) 编辑
BFC 从了解到放弃
摘要：最近工作中我突然产生了一个想法，就如我们人类面临的终极问题一般，我从哪里来？我到哪里去？在撸代码进行CSS布局的时候，我会去想，我为什么这么做？，为什么浮动的元素要用overflow？，为什么要用clearfix？，为什么边距会重叠？为什么absolute就不需要clearfix，为什么... 作业 阅读全文
posted @ 2017-01-08 23:09 卷柏的花期 阅读(1807) 评论(2) 推荐(0) 编辑
CSS 居中方法集锦
摘要：记录收集纯CSS层面实现的水平、垂直居中方法可用于块级、行内快、内联元素以及文字图片等。 1. 水平或垂直居中 1.1 text align 1.2 margin 1.3 line height 1.4 padding 2. 水平与垂直同时居中 2.1 挡板方式实现的水平垂直居中 2.2 verti 阅读全文
posted @ 2017-01-07 21:59 卷柏的花期 阅读(955) 评论(2) 推荐(7) 编辑
CSS布局 - 三栏布局
摘要：CSS布局技术可谓是前端技术中最基础的技术，就是因为基础，所以我认为要更加熟练，深入的去掌握，去梳理。 一、 传统 > 浮动实现的三栏布局 采用浮动实现的三栏布局有以下特点及注意事项： · 注意DOM结构的排列顺序。 因为左右两侧的DOM都是浮动布局，而中间的DOM则是普通的文档流，所以为了规避浏览 阅读全文
posted @ 2017-01-01 00:26 卷柏的花期 阅读(261) 评论(0) 推荐(0) 编辑
粘性的底部布局
摘要：传统的底部布局，完全是靠内容高度撑开，如果内容的高度没有达到一屏的的话，那么底部（footer）下面必然留下空白。 相比传统的底部布局，粘性的底部布局，可以实现，在内容的高度还未达到一屏时，底部就位于屏幕的下方，当内容高度大于一屏时，就按照正常的方式显示。效果如图： 实现这个功能实际上很简单，只需要 阅读全文
posted @ 2016-11-21 12:47 卷柏的花期 阅读(792) 评论(0) 推荐(1) 编辑
适合代码展示的字体 [收集]
摘要：1. 适用于中英文混排： 2.适用于英文 3.适用于代码 阅读全文
posted @ 2016-05-16 00:29 卷柏的花期 阅读(305) 评论(0) 推荐(0) 编辑
CSS Reset
摘要：适合PC端的 CSS Reset 阅读全文
posted @ 2016-04-02 17:11 卷柏的花期 阅读(276) 评论(0) 推荐(0) 编辑

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