自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 圣杯模型和双飞翼模型浅析(高度)

圣杯和双飞翼都旨在实现三列的布局,中间内容宽度自适应,两边内容宽度固定。特别注意的是查找了许多资料发现竟然几乎没有资料提到过这两个模型的高度问题,即使是网上给的代码也几乎没有实现高度自适应的问题,也许大家都觉得太简单甚至不值一提,但是我却为此纠结了很久,所以下面我也会提到如何实现高度自适应。两者的区别我总结为三点:1、DOM结构不同,相对于圣杯,双飞翼为中间内容单独加了一个容器以便ma

2017-10-23 15:17:05 2271 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 486

原创 内外边距对行内元素块级元素的影响

1、内边距对父级元素的影响当块级元素里面还是块级元素且没有定义宽高时,子块级元素的内边距会将父块级元素撑开;但是当子元素为行内元素的时候,内边距对父级元素是无影响的。如下例:div和span的内边距对父级div的影响 .d1{ border: solid 1px red; } .d2{ border: solid

2017-10-19 09:26:22 2344

原创 选择器的优先级问题

选择器用数字来衡量优先级,越大优先级越大。元素选择器: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 343

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除