CSS - 随笔分类 - ideaplusl

怎么让DZ x2横排显示版块简介

摘要：discuz.htm文件查找：<em class="xw0 xi1" title="{lang forum_todayposts}"> ($forum[todayposts])</em></dt>复制代码在下面加：<dd>$forum[description]</dd>复制代码阅读全文

posted @ 2011-11-21 09:06 ideaplusl 阅读(1545) 评论(0) 推荐(0)

实现div的重叠转

摘要：外层用relative相对定位，里面用absolute绝对定位，就能很好的实现你的要求了。z-index是用来控制div的z轴的。数值越高，越优先被显示<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-88 阅读全文

posted @ 2011-11-20 11:41 ideaplusl 阅读(5555) 评论(0) 推荐(0)

网页设计师面试题一览

摘要：一、填空题（40分） 1、目前常用的WEB标准静态页面语言是___HTML_____。（4分） 2、改变元素的外边距用___margin_____，改变元素的内填充用____padding____。（6分） 3、在Table中，TR是_____行___，TD是___单元格_____。（6分） 4、如果给一行两列的表格（table）定义高度样式，在____table____标签中定义最合理，最能减少代码的臃肿。（5分） 5、对ul li的样式设成无，应该是用什么属性__list-style:none______。（6分） 6、在新窗口打开链接的方法是____target='_blank 阅读全文

posted @ 2011-11-05 11:06 ideaplusl 阅读(8233) 评论(0) 推荐(0)

display:inline-block的深入理解转

摘要：在使用CSS实现表现的时候，会经常接触到display:inline-block这一属性，无论是初接触Web标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block引用:将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari但很遗憾，最流行的IE和Firefox却不支持这个属性（据说下一版本的Firefox将会支持display:inline-block）。不过Firefox下却有私有属性-moz-inline-box和inline 阅读全文

posted @ 2011-08-29 19:53 ideaplusl 阅读(311) 评论(0) 推荐(0)

css中的内联对象与块对象转

摘要：css中的内联对象与块对象在用CSS做页面的时候，我们总是会想到块对象和内联对象，那到底指的是什么呢？为什么说加上float或display：block就是块对象了呢？块对象默认宽度是100%（继承自父元素），如果没有采用“float:left/right;”样式，相邻的两个块对象就会分排在不同的两行上。内联对象的宽度取决于其内部元素的宽度与padding样式值之和，不可直接指定其宽度与高度（“display:block;”、“float:left/right;”强行转换后可以定义），相邻的两个内联对象会排在同一行上。从这两点就应该可以看出来块对象和内联对象两者的区别，关于为什么加上float 阅读全文

posted @ 2011-08-29 19:51 ideaplusl 阅读(2375) 评论(0) 推荐(0)

CSS控制字符长度和显示长度转

摘要：在网页设计中，会遇到文本超过固定长度导致整体的网页变形的情况。程序员往往需要截取固定的长度来实现某些固定长度的控制。介绍一种直接采用CSS的代码控制来实现文本截取的方法。与程序员的直接字符截取的方式有点区别，其优势是可以自动控制文本显示的长度；缺点是不同浏览器的兼容性并不完美。使用到 overflow，text-overflow，white-space 这三个主要的属性，其他的代码属于修饰作用。 CSS代码： <style> .texthidden{ width:200px; overflow:hidden; text-overflow:ellipsis; white-space: 阅读全文

posted @ 2011-08-29 18:57 ideaplusl 阅读(7904) 评论(0) 推荐(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><title>CSS控制的背景渐变特效</title><style><!--body{margin:0px;padding 阅读全文

posted @ 2011-07-31 10:48 ideaplusl 阅读(13133) 评论(1) 推荐(1)

几个常见的IE渲染Bug及其修复方法转

摘要：1. size,padding和margin距离异常在IE6中,各种size,padding和margin总是感觉怪怪的,有时候死活差那么几个像素.这时候可以使用单独为IE准备的CSS文件来纠正.只需要在页面头部加类似这样的CSS文件即可:1.其中的ie.css是对主C 阅读全文

posted @ 2011-07-07 11:15 ideaplusl 阅读(1041) 评论(0) 推荐(0)

认识hasLayout——IE浏览器css bug的一大罪恶根源转

摘要：什么是hasLayout？hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容，而不是依赖于祖先元素来完成这些工作。下列元素默认 hasLayout=true <table> <td> <body> <img> <hr> <input> &l 阅读全文

posted @ 2011-07-07 10:51 ideaplusl 阅读(15740) 评论(1) 推荐(2)

只能靠脸吃饭

随笔分类 - CSS

公告