随笔分类 - css
摘要：要点：元素的横向排列采用浮动，一般之后要清除浮动,不然它脱离文档流之后会影响之后的元素（claer:both） 图片和文字在一起的因为图片采用了左浮动，脱离了文档流，导致之后的文字紧随其后 最下面的图片排列看似难，其实很简单，因为img在li标签里面，让li标签全部向左浮动，形成， 然后给li添加
阅读全文
摘要：Document 曹魏-玩酷我i的程序人生 曹魏-玩酷我i的程序人生 曹魏-玩酷我i的程序人生 ...
阅读全文
摘要：元素居中（元素必须设定了宽才可以居中）：margin：上下 auto； 左右布局： 左右布局一般使用浮动（浮动后的元素脱离了文档流，如何变回文档流请看上一章节） 上下布局： 是默认的状态，当把元素放进页面中，就是上下布局
阅读全文
摘要：说明：由于蓝色块向左浮动了，导致蓝色脱离了文档流，于是黄色块到了蓝色的位置，被蓝色块所遮住 说明：给clear:float; 给蓝色块后面新建一个空div，并添加清除浮动的样式。使前面所有浮动元素再落回文档流。只不过浮动完成的效果不会恢复到原来。
阅读全文
摘要：不换行 white-space:nowrap table纵向合并的单元格垂直居中 display:table-cell; vertical-align:middle; table合并横向单元格 colspan table合并纵向单元格 rowspan 一行文本在div中垂直居中 line-heigh
阅读全文
摘要：<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"
阅读全文
摘要：thinkphp分页非常简单 1，控制器渲染数据： $studentList = StudentDb::paginate(5); $this->view->assign('list',$studentList); 2，模板运用bootstrap的样式 <link rel="stylesheet" h
阅读全文
摘要：Document 首页 文章 功能 友链 留言 关于 背景音乐点我开启 ...
阅读全文
摘要：a标签事件 a:link {color: #000000} /* 未访问的链接 */ a:visited {color: #d90a81} /* 已访问的链接 */ a:hover {color: #d90a81} /* 当有鼠标悬停在链接上 */ a:active {color: #d90a81}
阅读全文
摘要：很简单的文档流布局 Document 网站简要说明 微信微博关注 ...
阅读全文
摘要：详解CSS float属性 float本身不脱离文档流，但是和 position:absolute;搭配使用会脱离文档流 阅读目录 基础知识 float的详细细节 float特殊情况 clear属性 清除浮动 float的应用 总结 CSS中的float属性是一个频繁用到的属性，对于初学者来说，如果
阅读全文
摘要：盒模型 html文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒模型。盒模型通过四个边界来描述：margin（外边距），border（边框），padding（内边距），content（内容区域），如图所示：
阅读全文
摘要：1、static（静态定位）： 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。参考上篇随笔。 2、relative（相对定位）： 定位为relative的元素脱离正常的文档流，但其在文档流中的位置依然存在，只是视觉上相对
阅读全文
摘要：文档流，即（position:stiatic），是html布局机制的默认状态。 文档流在排列的过程中，块级元素从上到下，行内元素，从左到右。 ·块级元素 <div> <h系列> <form> <table> <p> ... ·行内元素 <span> <title> <strong> <input>
阅读全文
浙公网安备 33010602011771号