css技巧及命名规范.docVIP

CSS控制一行文字到一定长度以省略号代替 我们用DIV+css布局的时候。往往会遇到一行一行的列表行。 那么列表的长度我们可以以DIv的长度来控制，但是超出的部分我们想用省略号来代替的话，代码应该怎么写呢？ 下面我们来一起写一下 .tjspcpmc{width:135px; height:14px; text-overflow:ellipsis ; overflow:hidden; white-space:nowrap; color:#FF5300; font-size:13px; text-align:center;} 以上代码分析 .tjspcpmc 类名称 text-overflow:ellipsis ; overflow:hidden; white-space:nowrap; 这三个属性即可实现超出的文字以省略号代替，并且不换行显示这行文字。 最终的效果如下图 text-overflow 的另一个属性 text-overflow:clip 请恰当应 初学DIV+css网页布局，利于SEO和记忆的命名规则！ 页头:header登录条:loginBar标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 友情链接:friendLink 页脚:footer 加入:joinus 指南:guild 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 版权:copyRight 1.CSSID的命名外套:wrap主导航:mainNav 子导航:subnav 页脚:footer 整个页面:content 页眉:header 页脚:footer 商标:label 标题:title 主导航:mainNav(globalNav) 顶导航:topnav 边导航:sidebar 左导航:leftsideBar 右导航:rightsideBar 旗志:logo 标语:banner 菜单内容1:menu1Content 菜单容量:menuContainer 子菜单:submenu 边导航图标:sidebarIcon 注释:note 面包屑:breadCrumb(即页面所处位置导航提示) 容器:container 内容:content 搜索:search 登陆:login 功能区:shop（购物区） 当前的current 2.样式文件命名主要的:master.css布局版面:layout.css 专栏:columns.css 文字:font.css 打印样式:print.css 主题:themes.css div+css使用技巧包括（IE6 1px 弹出窗口背景变灰 超链接的抒写顺序等等一系列的技巧，ul方面的问题：默认的ul的margin和padding不是0，如果在导航中用到了左浮动的li，往往会把外部的div撑大，导致页面变形，这就需要我们在写代码的时候不要忘记 ul{margin:0px; padding:0px;}2,img方面的问题：这里牵涉的不同浏览器的问题，ie6是一直让网页设计师最头疼的一个问题，关于图片，这里有一个小小的问题，有时ie6里显示的图片height总是要大于准确值，这里就需要我们记住下面这一点 img{ display：block}3，overflow方面问题：有时我们会看到，一些公司的注册协议都是好长好长的，但又不能把页面拉的太长，这就用到了overflow，我们可以把div的style里加上这个：overflow：auto4，小窗口弹出的问题：当我们点击某个按钮，可能会看到一个小窗口弹出，而窗口其它的部分都变了灰色，这是怎么实现的呢，其实很简单div+css就可以实现：css部分：.black_overlay{?? display: none;?? position: absolute;?? top: 0%;?? left: 0%;?? width: 100%;?? height: 100%;?? background-color: black;?? z-index: 1001;?? -moz-opacity: 0.8;?? opacity: .80;