- 博客(4)
- 收藏
- 关注
原创 圣杯模型和双飞翼模型浅析(高度)
圣杯和双飞翼都旨在实现三列的布局,中间内容宽度自适应,两边内容宽度固定。特别注意的是查找了许多资料发现竟然几乎没有资料提到过这两个模型的高度问题,即使是网上给的代码也几乎没有实现高度自适应的问题,也许大家都觉得太简单甚至不值一提,但是我却为此纠结了很久,所以下面我也会提到如何实现高度自适应。两者的区别我总结为三点:1、DOM结构不同,相对于圣杯,双飞翼为中间内容单独加了一个容器以便ma
2017-10-23 15:17:05
2338
1
原创 浮动基础
HTML带码: 三个div不浮动时的效果CSS:*{ margin: 0; padding: 0; } .db{ width: 400px; height: 400px; border: 1px solid; } .d1,.d2,.d3{ width: 100px; hei
2017-10-20 09:19:22
536
原创 内外边距对行内元素块级元素的影响
1、内边距对父级元素的影响当块级元素里面还是块级元素且没有定义宽高时,子块级元素的内边距会将父块级元素撑开;但是当子元素为行内元素的时候,内边距对父级元素是无影响的。如下例:div和span的内边距对父级div的影响 .d1{ border: solid 1px red; } .d2{ border: solid
2017-10-19 09:26:22
2405
原创 选择器的优先级问题
选择器用数字来衡量优先级,越大优先级越大。元素选择器:1;类选择器:10;伪类选择器:10;ID选择器:100;内联样式:1000;当两个优先级相等时,已较近的声明为准,即为后声明的为准。下列例子中的a:hover优先级为1+10=11,a.baidu优先级:1+10=11,所以鼠标放到该链接上是字体显示为绿色,而不会变成红色。想要达到变成红色的效果,可将a:hover改成.baidu:hove
2017-10-18 16:19:14
376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人