- 1、本文档共6页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
css技巧及命名规范.doc
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;
文档评论(0)