CSS
木子PZ
web前端开发之菜鸟进阶
展开
-
(总结)flex-layout响应式布局
Flexbox布局简介CSS3引入了一种新的布局模型——flexbox布局(即为flexible box伸缩布局盒模型). Flefxbox布局的主要思想是让容器有能力让其子项目能够改变其宽度、高度(甚至顺序),以最佳方式填充可用空间(主要是为了适应所有类型的显示设备和屏幕大小)。Flex容器会使子项目(伸缩项目)扩展来填满可用空间,或者缩小它们以防止溢出容器。 flexbox布局可以轻松实现屏原创 2016-06-22 22:56:36 · 6379 阅读 · 0 评论 -
圣杯布局与双飞翼布局
圣杯布局与双飞翼布局都是利用元素的负边距来使元素排版在预定的位置。 对于金典的三列布局,中间内容为主体部分(即最重要的部分),左右两侧不能遮挡主体内容。 1.圣杯布局:使三列元素成为浮动元素,再给它们设置负边距让其在预设位置,然后设置父级元素的padding值,给两侧元素留出放置空间,最后设置左右侧栏的左右位置,使其定位在主体内容的两边。<!DOCTYPE html> <html lang="e原创 2016-10-01 22:26:58 · 1134 阅读 · 0 评论 -
浏览器兼容与优化
一、浏览器兼容问题1.IE条件注释 书写规则:<!-- [if IE6]>Internet Expolore6<![end if] -->在条件注释中间,可以写任意的代码块,代表在该浏览器环境下才会执行。如:<!-- [if IE6]><link rel="stylesheet href="index.css" /><![end if] --> if lt IE6:表示低于IE6版本,less原创 2016-10-05 10:08:06 · 2409 阅读 · 0 评论