易截截图软件、单文件、免安装、纯绿色、仅160KB

【转】CSS 命名

  常用的网站命名 收藏
1.CSS ID 的命名
页头:header
登录条:loginbar
标志:logo
侧栏:sidebar
广告:banner
导航:nav
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendlink
页脚:footer
版权:copyright
-------------------------------------------------------------------------------------------------------------------
外 套: wrap
主导航: mainnav
子导航: subnav
页 脚: footer
整个页面: content
页 眉: header
页 脚: footer
商 标: label
标 题: title
主导航: mainbav(globalnav)
顶导航: topnav
边导航: sidebar
左导航: leftsidebar
右导航: rightsidebar
旗 志: logo
标 语: banner
菜单内容1: menu1content
菜单容量: menucontainer
子菜单: submenu
边导航图标:sidebarIcon
注释: note
面包屑: breadcrumb(即页面所处位置导航提示)
容器: container
内容: content
搜索: search
登陆: Login
功能区: shop(如购物车,收银台)
当前的 current
-------------------------------------------------------------------------------------------------------------------
2.另外在编辑样式表时可用的注释可这样写:
<-- Footer -->
内容区
<-- End Footer -->
-------------------------------------------------------------------------------------------------------------------
3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/taiyangcn/archive/2009/08/20/4465900.aspx


相关文档:

CSS Cookbook例子:创建水平导航菜单


<!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>
<style type="text/css"><!--
#navsite h5 {
display: none
}
#navsite ul {
......

【转】Div CSS布局的十六条技巧及详细用法 DivCSS教程

1、IE分不清继承关系和父子关系的差别,全部都是继承关系。
2、在给你的标签疯狂加选择符的时候,别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您,不要太疯狂了。
3、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深 ......

css满屏布局与ul和li列表

css满屏布局与ul和li列表 <!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>
<meta content="text/html; charset=u ......

css控制图片按比例缩小

IE6实现方法:
HTML部分:
<imgsrc="..."alt="..."onload="resizeImage(this)"/>

JS部分:
<mce:scripttype="text/javascript"><!--

functionresizeImage(obj){
obj.width=obj.width>50&&obj.width>obj.height?50:auto;
obj.height=obj.height>50?50:auto;
}
// -->&l ......

Internet Explorer CSS hacks

测试环境:IE6 , IE7, IE8, FF3.0 
表达方式:表达方式: 
body { `background:red } 
body { ~background:red } 
body { !background:red } 
body { @background:red } 
body { #background:red } 
body { $background:red } 
body { %background:red } 
body { ^b ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号