Css
文章平均质量分 78
小奶狗
行胜于言
展开
-
深入理解CSS盒模型及BFC
本文章将会从以下几个方面谈谈盒模型。基本概念:标准模型 和IE模型 CSS如何设置这两种模型 JS如何设置获取盒模型对应的宽和高 实例题(根据盒模型解释边距重叠) BFC(边距重叠解决方案)1.基本概念盒模型由外而内包括:边距(margin)、边框(border)、填充(padding)、内容(content)。它在页面中所占的实际宽度是margin + border + pad...原创 2018-08-11 22:43:06 · 459 阅读 · 0 评论 -
css布局——Grid【搬运】
CSS 网格布局(Grid Layout) 是CSS中最强大的布局系统。 这是一个二维系统,这意味着它可以同时处理列和行,不像 flexbox 那样主要是一维系统。 你可以通过将CSS规则应用于父元素(成为网格容器)和该元素的子元素(网格元素),来使用网格布局。一、 前言铺垫1.引言CSS网格布局(又名“网格”)是一个二维的基于网格的布局系统,其目的只在于完全改变我们设计基于网格的用户...转载 2018-08-19 20:44:18 · 2439 阅读 · 0 评论 -
常见的内联元素(inline)和块级元素(block)
1.内联元素(inline):a – 锚点 abbr – 缩写 b – 粗体(不推荐) big – 大字体 br – 换行 cite – 引用 code – 计算机代码(在引用源码的时候需要) em – 强调 font – 字体设定(不推荐) i – 斜体 img – 图片 input – 输入框 kbd – 定义键盘文本 label – 表格标签 q – 短引用 span – 常...原创 2018-09-10 15:37:30 · 28824 阅读 · 1 评论