css笔记-搜索墙

css笔记

1楼 lsstarboy 2010-04-04

1、ul和li可以用list-style，分别代表三个值：

设置列表项标记的类型。参阅：list-style-type 中可能的值。

设置在何处放置列表项标记。参阅：list-style-position 中可能的值。

使用图像来替换列表项的标记。参阅：list-style-image 中可能的值。

其中可以使用list-style-image来url来创建新的列表样式。

2、边框块，用<ul>定义好块，然后头部用<h2>的背景来做边框头，嵌套的<ul>来做四边框线。

3、固定宽度的页面，在大尺寸显示器上显示居中：margin:auto，主要是左右要auto，也就是必须0 auto 0 auto（上、右、下、左）。

4、两个css可以同时定义backgroud，根据层的关系来显示。例如：可以在logo上先定义一下底层图片，然后在<logo_title>上定义另一个logo图片，实现图片的叠加效果。

5、*为IE6专用，因为它默认在所有的<html>外多了一个*，*+为IE7专用。这样可以做出专用于IE6和IE7的一些样式，另外：
IE6识别*和_，不识别 !important
IE7识别*, 不识别_，识别 !important
Firefox两个都不识别，识别 !important

7、(HTML)
   ul：unorder list
   ol:order list
   dl:definition lists （自定义列表）

   前两种内容项目为<li>：list item
   最后一种需要dt(definition term)，并且后面用dd（definition description）来描述元素的内容。


   <dl>

	<dt>www</dt>
		<dd>World Wide Web的缩写.</dd>
	<dt>dreamdu</dt>
		<dd>梦之都.</dd>
		<dd>www的:).</dd>
	<dt>com</dt>
	<dt>com.cn</dt>
	<dt>cn</dt>
		<dd>这都是域名的后缀.</dd>
   </dl>

8、png透明，主要是在ie6下用滤镜AlphaImageLoader
 
.news1{
  background:url(tj.png) no-repeat center bottom;
  _background:none; 
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src="tj.png");
}

热门关注
标题	回复	点击
三 php与XML、XSLT、Mysql的结合运用，下载篇	0	455
php 学习的连接整理	0	384
无法加载 mcrypt 扩展，请检查您的 PHP 配置。	7	290
源码安装PHP5.3.0	0	272
php 日记（资料来源：internet ）	1	266
eclipse 插件net.sf.simpletest.eclipse 无法装入类	1	264
为Fedora Linux 上PHP添加OCI 支持	0	260
php & apache & mysql安装配置软件与文档	0	252
云动力发布Magento最新版本简体中文语言包	0	249
Warning: mysql_num_rows(): supplied argument	3	240

相关主题	关闭
《精通CSS》读书笔记（三）《精通CSS》读书笔记（五） CSS笔记之li元素有点奇怪《精通CSS》读书笔记（一）《精通CSS》读书笔记（二）《精通CSS》读书笔记（六）《精通CSS》读书笔记（四） CSS样式学习笔记之三：对链接应用样式《css实战手册》读书笔记??管理多种样式公式 css笔记

关于本站 pp酷网站导航友情链接

声明:本站部分数据来源于网络，仅供参考，如有版权问题，请联系我们，我们将及时删除!转载本站请注明来源