
html css js
shuifa2008
喜欢计算机,喜欢编程。
展开
-
ie中使用float:right出现换行的解决办法
今天写css,发现了ie的一个bug,真的很令人烦恼啊,下面就来说说是什么问题。有段html代码:神奇的世界More..css:span { float:right; }看了代码就知道,我想达到的效果是一个栏目标题栏,“神奇的世界”字样在左边,“More..”字样在右边。但是,有时就是事与愿违啊,在ff和chrom中都能达到想要的效果,但在ie中就出转载 2013-10-25 19:07:22 · 929 阅读 · 0 评论 -
复选框或单选框与文字对齐的问题的深入研究与
前言目前中文网站上面的文字,就我的个人感觉而言,绝大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。例如下面这张雅虎中国首页在火狐浏览器下的截图:雅虎中国首页单选框复选框与文字不对齐这里,不是说,雅转载 2013-10-21 13:27:51 · 866 阅读 · 0 评论 -
左栏固定,右栏自适应布局
经常会看到这样的布局,比如博客左栏要放导航,宽度固定,右边显示内容,然后右栏的内容要根据窗口的缩放自适应。第一种方法比较简单,也是大多数人比较常用的。一、使用margin实现左固定右自适应1.html代码?12divid="left">div>divid="right">div>转载 2013-10-21 19:12:01 · 1513 阅读 · 0 评论 -
我知道你不知道的负Margin--负margin浅谈
现如今,负margin技术的应用可谓越来越广,任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一,许多高级应用及疑难杂症修复都可以使用负margin技术进行实现。负margin理论:在说明什么是负margin之前,你得清楚margin是个啥么玩意,如果还不清楚可以先阅读本人的前一篇文章《不要告诉我你懂margin》,预补下知识转载 2013-10-28 16:35:11 · 4129 阅读 · 0 评论 -
不要告诉我你懂margin,margin介绍
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?……写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打转载 2013-10-28 16:38:28 · 980 阅读 · 0 评论 -
background-position 用法详细介绍
background-position 用法详细介绍语法: background-position : length || length background-position : position || position 取值: length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top转载 2013-10-28 15:34:32 · 877 阅读 · 0 评论 -
纯CSS实现带箭头的提示框效果
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>head>title>纯CSS实现尖角提示框效果title>转载 2013-12-11 12:57:16 · 3576 阅读 · 0 评论 -
margin-left 之百分号 IE7
当外层容器为float,并且需要自适应宽度,不设定宽度里面div使用百分号作为margin的值,想要在容器中居中,IE7下如果设置的百分比不是针对的外层容器的宽度,而是由外层容器向上递归找到的那个设置了宽度的容器的宽度,导致撑的将外层容器撑的很宽如:.inverted_triangle{ width:0px; height:0; margin-原创 2013-12-11 13:18:30 · 1914 阅读 · 0 评论 -
为防止window.open被浏览器拦截, 使用a标签打开
var newWin = function(url, id) { //为防止window.open被浏览器拦截,此处使用a标签打开 var a = document.createElement('a'); a.setAttribute('href', url); a.setAttribute('target', '_bla...原创 2018-06-07 17:09:28 · 3308 阅读 · 1 评论