冯海滨博客

海滨博客

[置顶]中国平安陆金所，网上理财收益10%，强烈推荐

[置顶]海滨正式启用新域名 www.fenghaibin.com

[置顶]博客取消友情链接声明

2017年10月25日

CSS3 使用 calc() 计算高度 vh px

 1、px    像素，我们在网页布局中一般都是用px。2、百分比   百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了。3、Viewport    viewport：可视窗口，也就是浏览器。    vw Viewport宽度， 1vw 等于viewport宽度的1%    vh Viewport高度， 1vh 等于viewport高的的1%  &n
作者:happyfhb | 分类:Css | 浏览:10988 | 评论:0

2016年04月29日

css如何让表格table的边框为1像素

在Html中使用table是网页制作中必不可缺的一部分，如果直接给css设置table里面的td边框为1像素的话，那么实际我们从网页上看到的效果却不是1像素。

那么我们怎么用css让table的边框为1像素呢？

其实很简单，给table使用css样式 border-collapse: collapse;

这个样式的意思就是“为表格设置合并边框模型”

这个属性经测试，支持

作者:happyfhb | 分类:Css | 浏览:2175 | 评论:1

2015年02月09日

100% width CSS 在 iPad / iPhone Safari 背景被截断 / 显示不全

最近在做一个页面时，发现在 iPad 的 Safari 浏览器中背景显示不全，定位到该 div 后发现所指定 css 的宽度为 100% ；

到百度搜索后发现，safari 中 viewport 默认宽度为 980px，若事先未指定其初始 viewport 宽度，则会默认按照 980px 处理。

可以默认初始化 viewport 宽度或在 css 中设定 min-width，但最简单的方法可以在 head 标签中初始化好 viewport。

 

详见下方代码：

<metaname="viewport"content="width=网页真实宽度, initial-scale=倍数值"/> 
假设网页宽度为 960px 或 1080px，可在width中加入该值，并将 initial-scale 设置一个适合的倍数值。

例如一个页面的宽度为 1080px，则设定为：

<metaname="viewport"content="width=1080, initial-scale=0.9"/> 
这样不管加载前后切换横屏还是竖屏，都可以友好显示。


作者:happyfhb | 分类:Css | 浏览:1166 | 评论:0

2014年06月19日

父级div height:auto无效解决办法

一种可能情况因为父div中的div处于浮动状态。

浮动是会脱离文档流的，内部两个层就不会局限于父层。所以父层不知道内部的高度。但清理浮动，可以把他们“拉”回来。

作者:happyfhb | 分类:Css | 浏览:1198 | 评论:0

2013年06月05日

纯div+Css下拉菜单

 纯div+Css下拉菜单 请在下方下载

经典下拉菜单.rar

 

作者:happyfhb | 分类:Css | 浏览:1342 | 评论:0

2012年12月07日

鼠标放上去点击图片

 

鼠标放上去点击图片.rar

 

非常好的css样式。

作者:happyfhb | 分类:Css | 浏览:1140 | 评论:0

2012年11月06日

CSS/DIV网页设计视频教程

 CSS基础知识与核心概念

CSS/DIV布局专题讲解

CSS与其他技术

CSS/DIV综合实践

 漫画图书CSS+DIV入门（入门指导）

 

作者:happyfhb | 分类:Css | 浏览:1139 | 评论:0

2010年01月27日

您需要了解的DIVCSS网页布局的8条面试题目

CSSer与其他IT职位一样，在找工作的时候，都会面临着面试官提出的问题，或者给出的试卷。今天52CSS.com收集了常见的8条面试题目，希望对您有所帮助。一、超链接点击过后hover样式就不出现的问题？被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A二、IE6的margin双倍边距bug问题例如： <s

作者:happyfhb | 分类:Css | 浏览:1136 | 评论:0

2010年01月22日

div中英文无法自动换行的解决方法

问题：在一个设定好宽度的div中，当我们输入的中文文字长度超过了设定宽度时，会自动换到下一行。但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大小。原因：这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个英文单词，所以单词就一次输出不换行。那么，难道我们得在每个字母中间加入一个空格来解决这个问题么？其实不

作者:happyfhb | 分类:Css | 浏览:1144 | 评论:0

2009年10月02日

解决IE浏览器不支持min-height 的问题

根据海滨的实践.

min-height样式IE是不支持的 唯有FF支持. 但是可以用下面的办法搞定最小高度问题.

height:auto!important; height:400px; /*假定最低高度是400px*/ min-height:400px;

作者:happyfhb | 分类:Css | 浏览:1601 | 评论:0
‹‹ 1 2 3 › ››

Powered By Z-BlogPHP 1.6.5 Valyria

一个心高气傲，永远开拓的人。