simon的博客

文章目录理解盒模型的主要属性marginpaddingborder两种盒模型外边距折叠理解盒模型的主要属性盒模型主要包括了hegiht、width、padding、margin、border属性width和height分别表示一个盒子的宽度和高度。在标准盒模型中，宽度和高度就代表着图片的宽度和高度内边距(padding)就是图片与外边框(黑色)之间的粉红色区域，这样能避免图片与边框太过靠近边框(border)是每幅画的外框，也就是上图中的黑色区域外边距(margin)是用来限制盒子与盒子

文章目录Flex布局弹性容器属性设置flex-direction属性flex-wrap属性flex-flow属性justify-content属性align-items属性align-content属性弹性盒子属性设置flex-grow属性flex-shrink属性flex-basis属性flex属性order属性align-self属性Flex布局弹性布局(Flex布局)是CSS3提出的一...

文章目录Font Awesome图标加载方式最简单的方式：BootstrapCDN使用方式基本图标大图标图标固定宽度用于列表边框与对齐动画效果旋转与翻转组合使用Font Awesome图标Font Awesome提供矢量文字图标，并支持更改大小，颜色，阴影和其他支持的效果，并开源免费，几乎包含网页所需所有文字图标(675个)加载方式最简单的方式：BootstrapCDN将Font ...

文章目录字体样式属性大全字体样式(font style)font属性font-stylefont-variantfont-weightfont-size / line-heightfont-familycolor文本样式text-indent—文本对齐方式text-transform—文本大小写text-decoration—文本装饰white-spacetext-align—文本对齐方式(水平对...