随笔分类 -  03 DIV+CSS

页面布局与样式
HasLayout和BFC详解
摘要：HasLayout和BFC详解 预备小知识 在解释BFC之前要先介绍Box,Formatting context的概念 Box：css布局的基本单位 Formatting Context 普通流(Normal Flow) 浮动(Floats) 绝对定位(Absolute Positioning ) 阅读全文
posted @ 2019-02-15 10:36 yuelianggu 阅读(219) 评论(0) 推荐(0)
基础知识1
摘要：margin和padding的四种写法 background-position用法 语法： background-position : length || length background-position : position || position 取值： length : 百分数 | 由浮 阅读全文
posted @ 2018-11-21 10:16 yuelianggu
经典布局方案
摘要：1-上中下一栏式 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>上中下一栏式布局</title> 6 <style type="text/css"> 7 body{ 8 /*解决顶部的空白*/ 9 marg 阅读全文
posted @ 2018-11-12 21:57 yuelianggu 阅读(178) 评论(0) 推荐(0)
CSS尺寸和字体单位-em、px还是%
摘要：在页面整体布局中，页面元素的尺寸大小（长度、宽度、内外边距等）和页面字体的大小也是重要的工作之一。一个合理设置，则会让页面看起来层次分明，重点鲜明，赏心悦目。反之，一个不友好的页面尺寸和字体大小设置，则会增加页面的复杂性，增加用户对页面理解的复杂性；甚至在当下访问终端（iPhone、iPad、PC、 阅读全文
posted @ 2017-05-16 15:20 yuelianggu 阅读(277) 评论(0) 推荐(0)
CSS字体大小: em与px、pt、百分比之间的对比
摘要：显示在web浏览器中的文本大小 阅读全文
posted @ 2017-05-16 14:53 yuelianggu 阅读(198) 评论(0) 推荐(0)