X-man

摘要： 清楚浮动清除浮动的方法：对受到影响的元素设置如下属性1、为元素设置clear属性——clear:both;、clear:left;或者clear:right;2、同时设置width:100%(或固定宽度【固定宽度可能有问题】)+overflow:hidden;2的width设置为100%就是继承父容... 阅读全文

摘要： 图片来源：慕课网盒子的3D模型从上到下分解开来依次是：边框——border内容和内边距：content+padding背景图像：background-image背景颜色：background-color外边框：margin例子：.html ... 阅读全文

摘要： 图片来源：慕课网 阅读全文

摘要： 垂直居中-父元素高度确定的单行文本父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的height和line-height高度一致来实现的。如下代码： hi,imooc!css代码：垂直居中 hi,imooc!垂直居中-父元素高度确定的多行文本（方法一）父元素高度确定的多行文本、图... 阅读全文

摘要： 水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中场景，今天我们就来看看怎么设置水平居中的。如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。如下代码：html代码： 我是文本，哈哈，我想要在父容器中水平居中显示。css代码：... 阅读全文

摘要： 颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种：1、英文命令颜色前面几个小节中经常用到的就是这种设置方法：p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB... 阅读全文

摘要： 盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px 15px 12px 14px;/*上设置为10px、右设置为15... 阅读全文

摘要： css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是... 阅读全文

摘要： 元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...、、、、、、 、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、元素分类--块级元素什么是块级... 阅读全文

摘要： PDF转换器http://www.pdfdo.com/pdf-split.aspx 阅读全文