摘要：
此篇文章淘宝logo布局指的是淘宝首页上紧跟搜索框的logo布局，即如下图所示： logo在网站布局中是十分重要的，相当于网站的一个大标题，所以要用h1标签进行嵌套（h1标签在网页布局时只能出现一次，代表大标题，其他标题标签可出现多次），而不能直接使用一个logo图片，同时要考虑到搜索引擎不能识别图 阅读全文
摘要：
浮动最开始其实是做文本环绕的，因此给某个元素设置浮动后，本来布局在该元素下面的元素会跑上去，并且会压住下面的元素，但是却不会压住下面元素中的文字。 示例一：有两个div元素，第一个div的高宽度皆为100px，第二个div的高宽度皆为200px，并且包含一些文字，给第一个div设置左浮动效果如下： 阅读全文
摘要：
line-height是可以继承的，当设置了line-height而没有设置height时，height的值就等于line-height，在以下代码中，id为nav的div的height就等于50px，而对于a标签来说，会自动继承div的line-height属性，因此a标签的line-height 阅读全文
摘要：
img元素在底部会与其他元素之间留下一段距离的空白，并且通过给该行内块元素设置下外边距或者给其他元素设置上外边距都无法消除这个空白，解决的方案是将显示模式改成块级显示模式。（由此可以看出行内块元素在一定程度上并不稳定，当做样式时，若行内块和块级显示同样的效果，应尽量选择块级显示模式） 如下例：在im 阅读全文
摘要：
一、元素添加浮动后，会处于一个半脱离文档流的状态，如果没有给浮动元素的父元素设置固定的高度，那么父元素会认为没有内容撑开自己，因此父元素的高度为0，此时下面的元素会上来，被浮动元素压在下面。 解决方案： 1.给父元素设置固定的高度（父元素会缺乏灵活性，不能靠其内容自由变换撑开高度） 2.给父元素设置 阅读全文
摘要：
1.外边距合并问题 垂直排列的两个块级显示模式的元素，为上面的元素设置下外边距，为下面的元素设置上外边距，外边距会产生合并，当两个值相等时则外边距就是那个值，当两个值不相等时则外边距就是值大的那个值。（两个块级显示模式的元素设置为浮动后再对第一个元素设置右浮动，对第二个元素设置左浮动，不会产生合并问 阅读全文
摘要：
当元素的显示模式为块级显示模式时，如果不给该元素设置固定宽度，宽度会和父元素的宽度相同，此时给元素设置水平方向的padding，那么宽度会自动进行计算，不会撑大盒子，如果该元素设置了固定宽度，那么加了水平方向的padding会撑大该元素。 阅读全文
摘要：
推荐使用ProcessOn，网址：https://www.processon.com/diagrams 阅读全文
摘要：
使用复合属性要注意要将复合属性写在前面，单属性写在后面，以层叠复合属性中的单属性值，若将复合属性写在后面，如 那么并不会显示字体为斜体以及不会变粗，即因为复合属性没有写相应的属性，则会直接将其层叠为没有相应的样式，因此很容易出现问题。 复合属性有font、border、background等，其中尤 阅读全文
摘要：
后代标签会继承父辈标签的所有关于文本的属性，会优先继承离它最近的父辈元素的属性，一层一层向外，继承的权重为0.（权重大小如下：标签选择器＜类选择器＜id选择器＜ 行内样式 ＜！important，可分别设其为1,10,100,1000,10000，遇到多种情况时可通过对权重求和比较谁的权重最大，那么 阅读全文