热门标签： c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml

最新文章 : css

内容页嵌套母版页时，内容页如何调用css和javascript

当在做项目时，通常我们会大量的使用母版页，使用母版页的好处显而易见，但通常在内容页中嵌套母版页时，我们还要在内容页中调用css样式和 javascript函数，好处有了，问题也来了。有两种解决方法，第一种就是在母版页的头部<head></head>标记中，嵌入所有css样式和javascript函数，这样做使得母版页的内容非常庞大，如果其中的一些内容页并不需要其中的css样式和js函数，在页面加载时，还是会去从母版页中加载，所以这种方案虽然可行，但并不完美。方案二：就是在母版页的头部<head></head>标记中放入<asp:ContentPlaceHolder id="head" runat="server">　</asp:ContentPlaceHolder>控件，在内容页中再添加一个< asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">控件，ID属性设为<asp:ContentPlaceHolder>的ID值。这样就可以在内容页中嵌入css样式和js函数了。下面是代码，我的开发环境是Microsoft Visual Studio 2008.
　　母版页代码：
<%@　Master　Language="C#"　AutoEventWireup="true"　CodeFile="indexPage.master.cs"　
Inherits="indexPage"　%>　<%@　Register　Assembly="A ......

DIV+CSS 命名常用的

网页切图过程中div+css命名规则
内容：content/container 导航：nav 侧栏：sidebar 　　
栏目：column 标志：logo 页面主体：main 　　
广告：banner 热点：hot 新闻：news
下载：download 子导航：subnav 菜单：menu
搜索：search 页脚：footer 滚动：scroll
版权：copyright 友情链接：friendlink 子菜单：submenu
内容：content 标签页：tab 文章列表：list
注册：regsiter 提示信息：msg 小技巧：tips
加入：joinus 栏目标题：title 指南：guild
服务：service 状态：status 投票：vote
尾：footer 合作伙伴：partner 登录条：loginbar
页面外围控制整体布局宽度：wrapper 左右中：left right center 　　
(二)注释的写法:
/* Footer */
内容区
/* End Footer */
(三)id的命名:
(1)页面结构
容器: container 页头：header 内容：content/container
页面主体：main 页尾：footer 导航：nav
侧栏：sidebar 栏目：column 左右中：left right center
页面外围控制整体布局宽度：wrapper
(2)导航
导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsideb ......

[web设计] CSS Sprites 图片整合技术

css中用一张背景图做页面的技术有什么优势？
简单介绍一下 CSS Sprites 的优点：
当用户往U盘中拷200张图片，会等
很久。但是如果弄成一个文件，再拷贝就会快很多。
CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载
速度。

实
现方法
：

首先将小图片整合到一张大的图片上
然后根据具体图标在大图上的位置，给背景定位。
background-position:-8px -95px;

ShuzirenCMS在编辑器,网上商城等栏目模块上已全面开始使用此技术 ......

css小问题积累

一、css优先于位置也有关系
.vm与.vb 样式的定义在优先级别上是相同的，但是如果在html属性里class="vm vb"定义的话优先级并不是写在属性里的顺序，而是写在样式里顺序来决定的。如下的例子
<mce:style></mce:style><style mce_bogus="1">.vm{vertical-align:middle}
.vb{vertical-align:baseline}</style>
<body>
<a class="vm vb">现在提现</a>
</body> ......

ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法

在网站设计的时候，应该注意css样式兼容不同浏览器的问题，特别是对完全使用DIV CSS设计的网页，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网页可能会和你理想的效果相去十万八千里！海量权威开发资料。
所有浏览器通用
height: 100px;
IE6 专用
_height: 100px;
IE6 专用
*height: 100px;
IE7 专用
*+height: 100px;
IE7、FF 共用
height: 100px !important;
一、CSS 兼容
以下两种方法几乎能解决现今所有兼容.
1, !important (不是很推荐，用下面的一种感觉最安全)
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
代码:
<style>
#wrapper {
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
2, IE6/IE77对FireFox <from 针对firefox ie6 ie7的css样式>
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.
代码:
<style>
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 f ......

常用Css样式

/*标题元素*/
h1,h2,h3,h4,h5,h6 {
color: green;
}
/*父元素继承*/
body {
     font-family: Verdana, sans-serif;
     }
/*id 选择器*/
#red {color:red;}
/*id 选择器和派生选择器*/
#red p {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
/*类选择器*/
.center {text-align: center}
/*属性*/
/*背景*/
background-color: gray;
background-image:url(../image/topmiddle.jpg);
background-repeat:no-repeat;
/*文字*/
text-align:left;
font-size:11px;
font-family:黑体;
line-height:25px;*行间距*/
text-indent:16px;/*文字缩近*/
letter-spacing ;/*文字之间的间隔*/
word-spacing ;/*单词之间的间隔*/
/*外边距*/
margin-top:5px;
/*内边距*/
padding-bottom:30px;
/*边框*/
border-color:#e1e0e0;
  border-style:solid;
  border-width:0px 1px 1px 1px;
/*浮动*/
float: left;
/*绝对定位*/
#box_relative {
position: absolute;
left: 30px;
top: 20px;
}
/*相对定位*/
# ......

总记录数:772; 总页数:129; 每页6 条; 首页上一页 1 [2] [3] [4] [5] [6] [7] [8] [9] [10] 下一页尾页