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

CSS 命名规范

CSS 命名规范
XHTML-CSS写作建议
所有的xhtml代码小写
属性的值一定要用双引号("")括起来,且一定要有值
每个标签都要有开始和结束,且要有正确的层次
空元素要有结束的tag或于开始的tag后加上"/"
表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
<h1>到<h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
给每一个表格和表单加上一个唯一的、结构标记id
给重要的区块加上注释,如:
给图片加上alt标签
所有的标签必须进行合理的嵌套
根元素前必须有元素,宣告使用那一种DTD
根元素必须有xmlns属性来指定使用http://www.w3.org/1999/xhtml的namespace
CSS样式表规范:
id和class命名采用该版块的英文单词或组合命名,并第一个单词小写,第二个单词首个字母大写,如:newRelease(最新产品
/new+Release)
CSS样式表各区块用注释说明
尽量使用英文命名原则
尽量不加中杠和下划线
尽量不缩写,除非一看就明白的单词
CSS命名规范:
DIV
CSS名称
说明

网站公用相关

Container div
#container
容器
Layout
#layout
布局
Header or banner div
#head, #header
页头部分
Footer div
#foot, #footer
页脚部分
Navigation list
#nav
主导航
Sub-navigation list
#subNav
二级导航
Menu
#menu
菜单
Sub Menu
#submenu
子菜单
Left or right side columns
#sidebar_a, #sidebar_b
左边栏或右边栏
Main div
#main
页面主体
Tag
#tag
标签
Message
#msg #message
提示信息
Tips
#tips
小技巧
Vote
#vote
投票
Friend Link
#friendlink
友情连接
Title
#title
标题
Summary
#summary
摘要
Search input
#searchInput
搜索输入框
Search output
#search_output
搜索输出和搜索结果相似
Search
#search
搜索
Search bar
#searchBar
搜索条
Search results
#search_results
搜索结果
Copyright information
#copyright
版权信息
brand
#branding
商标
branding-logo
#logo
LOGO
Site information
#siteinfo
网站信息
Copyright information etc.
#siteinfoLegal
法律声明
Designer or other credits
#siteinfoCredits
信誉
Join us
#joinus
加入我


相关文档:

Web开发 第二部分 CSS基础(一) CSS简介

CSS,层叠样式表的作用是什么?我们先通过一个例子来体会一下:
看代码:
index.html
<!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 http-equiv=" ......

css:div属性详解


margin:层的边框以外留的空白
background-color:背景颜色
background-image:背景图片
padding:层的边框到层的内容之间的空白  
border:边框  
content:内容
 
步骤一、
分析一个典型的定义div例子:
 #sample{
margin:10px;
border: #111 10px solid;
......

DIV css 相对父容器 水平、垂直 居中

终于把它写出来了。哈哈
<div style="width:100%;height:100%;position:relative;overflow:hidden;"
    ><br style="line-height:0;"
    /><div style="position:relative;top:50%;left:50%;"><br style="line-height:0;"
    /><div style ......

div+css学习笔记(Firefox hr 兼容问题)


Firefox hr
兼容问题,在ie中正常显示的hr属性设置,在Firefox里面不管怎么弄都是他妈的不出来,改了不少属性,调整了位置,同时搜索了不少文章,仍然不
行,最后看到一篇文章说ff中必须设置背景颜色才有效果的,真是xxx的,这种问题自己闭门造车的话整上个三天三夜都找不到解决办法啊!
把代码贴出来分享下:
hr { ......

CSS实现text overflow:ellipsis的效果

适用于只有一行文字的情况.
.ellipsis{
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflow是CSS3的属性,IE6以上版本、Safari、chrome 支持。它可以带2个参数:
clip [不显示省略标记(...),而是 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号