相逢不晚的博客

二、浮动 浮动的元素会向左或向右浮动，直到碰到前面已经有浮动的元素或者是其父元素的边框为止。浮动的元素会脱离文档流（不再占有原来的位置）。 （一）左右浮动 块级元素除了使用display: inline-block;可以使其共占一行外，还可以使用浮动来实现。 还是两个div的例子，正常状态下是这个效果： 我们给这两个div加一个外层容器作为他们的父容器： .father-box { border: #FF0000 4px solid; } <div class="father-box">

本文目录一、盒模型（一）盒边框（border）（二）内边距（padding）（三）外边距（margin）（四）盒内容（element）（五）盒模型计算（六）块级元素与内联元素的区别和转换1. 区别2. 转换 一、盒模型 网页中一个一个的元素块，都可以看作是一个盒子，只不过这个盒子在视觉上是二维的，即它是一个平面图形。 比如下图红色的正方形就是用 div 元素实现的 200 * 200 的盒子。 .box { width: 200px; height: 200px; backgrou

1、下载需要引入的文件 点此前往 GitHub 下载 2、在 HTML 内引入文件 引入CSS <link rel="stylesheet" href="simditor/site/assets/styles/simditor.css"> 引入JS（严格按此顺序引入） <script type="text/javascript" src="simditor/site/assets/scripts/jquery.min.js"></script> <script t

在header标签内添加以下style样式即可使网页呈现灰色： <style> html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-fi...