Html与Css教程第5页

CSS 外边距(margin)重叠及防止方法

xiaoqi 发布于 2017-04-10

边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，...

xiaoqi 发布于 2017-04-08

盒子模型Box model是分为两种第一种是W3C的标准模型，另一种是IE的传统模型（ie6及以下）传统型就是盒子的大小不变，padding及border的大小会压缩盒子里内容的空间。如：div大小为200，如果padding＝10，则盒内img大小为190；标准型就是盒...

xiaoqi 发布于 2017-04-07

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #container{...

标签：css3

xiaoqi 发布于 2017-04-07

规范的命名也是Web标准中的重要一项，标准的命名可以更好的看懂代码，很多都有过这种经历，翻出自己过去写的代码居然看不懂了，为了避免这种情况我们就要规范化命名，再说了，现在一个项目不是一个人就可以完成的，需要大家相互合作，如果没有规范化命名，别人就就无法快速看懂你的代码...

xiaoqi 发布于 2017-04-07

1. margin和width实现水平居中 .className{ width:xxxpx; margin:0 auto; } 优点：简单，浏览器兼容性好缺点：width固定，难以自适应 2.inline-bl...

xiaoqi 发布于 2017-04-06

超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行超出两行隐藏 overflow:hidden; text-overflow:elli...

xiaoqi 发布于 2017-04-06

<!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title>qdabc.cn</title> <style type="text/cs...