css
食铁獸食铁
想当厨师好养活
展开
-
CSS盒子-味道不错
关于盒模型的解析,一直存在两种方式:IE盒模型标准盒模型在HTML文档头部引入文档头,就可以保证使用标准盒模型来进行解析什么是盒子模型?在CSS中,一个标签就代表一个盒子模型。我们可以通过6大属性来描述一个盒子模型:margin,border,padding,width,height,background因为标签又 分块级标签、行级标签,6大属性对块级标签都有用,但行级标签中的...原创 2019-07-17 13:45:11 · 138 阅读 · 0 评论 -
浮动布局咬一口
浮动布局浮动是完全不同于流动的另一种布局模型,有如下特征:任何定义为float的元素都会自动被设置为一个块状元素显示,可以定义宽高浮动模型不会与流动模型发生冲突,在垂直方向上应该还处于文档流中与普通元素意义,浮动元素始终位于包含元素内,不会游离于外,或破坏元素包含关系需要清除浮动1. 浮动布局基本使用float 属性,有left,right两个属性值,用于标准文档流中的图文环绕,...原创 2019-07-17 19:24:22 · 120 阅读 · 0 评论 -
flex布局骰子案例
此案例基于 flex 语法简单实现骰(tou)子1到6点,希望对于了解 flex会有帮助和 flex 语法篇一起看效果更佳,点击前往想要实现骰子1到6点,可以想到我们需要一个骰子模型和一个点模型骰子模型:.container { display: flex; padding: 10px; width: 150px; heigh...原创 2019-07-18 08:15:00 · 497 阅读 · 0 评论 -
flex布局
flex 之前,布局采用盒子模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。首先确定两个概念:容器和项目采用 Flex 布局(display:flex)的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item)...原创 2019-07-18 08:11:57 · 135 阅读 · 0 评论