html idv垂直居中,2011最新整理idv+css标准.doc
2011最新整理idvcss标准
全局样式
body { margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#05a; text-decoration:none;}
a:hover { color:#f00;}
container {width:xxxpx; margin:0 auto}
清除浮动
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
……
……
/* div标签以类别+功能命名(例如sidebar)、命名时尽量不要出现数字、一律小写字母 */
/* 结构层次要分明、尽量手写代码、因为可视化编辑会带来一些不必要的代码、不能做到代码的最优化 */
……
内容页面不能出现元素的样式 内容和样式要完全分离
图片如果能用属性种背景颜色代替 就不要出现图片
Div的float问题(margin和padding)
Float的清除问题
最终的!important方法
float元素的宽度之和要小于100%
float元素务必指定width属性
ul标签在FF火狐中默认是有padding值的,而在IE中只有margin有值所以先定义ul{margin:0;padding:0;}
3像素文本偏移bug
常用的CSS命名规则:
头:header 内容:content 尾:footer 导航:nav 侧栏:sidebar
栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center
登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot
新闻:news 下载:download 子导航:Subnav 菜单:menu
子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer
版权:copyright 滚动:scroll 内容:content 标签页:tab
文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title
加入:joinus 指南:guild 服务:service 注册:regsiter
状态:status 投票:vote 合作伙伴:partner
(二)注释的写法:
/* Footer */
内容区
/* End Footer */
(三)id的命名:
(1)页面结构
容器: container 页头:header 内容:content/container
页面主体:main 页尾:footer 导航:nav
侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper
左右中:left right center
(2)导航
导航:nav 主导航:mainbav 子导航:subnav
顶导航:topnav 边导航:sidebar 左导航:leftsidebar
右导航:rightsidebar 菜单:menu 子菜单:submenu
标题: title 摘要: summary
(3)功能
标志:logo 广告:banner 登陆:login 登录条:loginbar
注册:register 搜索:search 功能区:shop
标题:title 加入:joinus 状态:status 按钮:btn
滚动:scroll 标签页:tab 文章列表:list 提示信息:msg
当前的: current 小技巧:tips 图标: icon 注释:note
指南:guild 服务:service 热点:hot 新闻:news
下载:download 投票:vote 合作伙伴:partner
友情链接:link 版权:copyright
(四)class的命
html idv垂直居中,2011最新整理idv+css标准.doc相关推荐
- 一些比较有用的SQL操作,2011最新整理
一些比较有用的SQL操作,2011最新整理,SQL批量删除与批量插入,批量删除:wei yuan chuang DELETE FROM MyTable WHERE ID IN (1,2); 批量插入 ...
- 数据反正模拟 matlab,[2018年最新整理]信号处理MATLAB函数.doc
[2018年最新整理]信号处理MATLAB函数 函数说明波形产生和绘图chirp产生扫描频率余弦diric产生Dirichlet或周期sinc信号gauspuls产生高斯调制正弦脉冲rulstran产 ...
- 6ra70外部接线图_[2018年最新整理]6RA70调试大纲.doc
[2018年最新整理]6RA70调试大纲 一.6RA70电机优化步骤 1.初始化直流调速装置:P051=21,不合闸测量各路脉冲U840. 参数设置: P078=R015 (进线电枢电压) P082= ...
- 高校教师计算机职称等级,最新高校教师职称评定标准.doc
最新高校教师职称评定标准 最新高校教师职称评定标准 最新高校教师职称评定标准 一.评审系列: 高等学校教师系列 工程实验系列 中小学教师系列 其他系列 二.申报条件: 根据<西安工业大学职称评审 ...
- 2011最新整理分享平台代码参考
平台 代码 URL 115收藏夹 115 http://fav.115.com 139社区 139 http://www.139.com 139邮箱 139mail http://mail.10086 ...
- 2011年9月最新整理的10个有趣的jQuery插件集合
这篇文章将整理出最有趣的jQuery10个插件集合,包括不同的插件,如滑块,用户界面对话框,图像过滤器等,对于喜欢把网页做得很炫很有创意的朋友,这些插件将是非常有帮助的. 1. Rotating ...
- php mysql技术笔试题_PHP面试笔试题--选择题部分(最新整理)
<PHP面试笔试题--选择题部分(最新整理)>由会员分享,可在线阅读,更多相关<PHP面试笔试题--选择题部分(最新整理)(7页珍藏版)>请在人人文库网上搜索. 1.1. 以下 ...
- java编码ppt_[2018年最新整理]Java编码规范.ppt
[2018年最新整理]Java编码规范 制定编码规范的最主要的目的是为了对产出代码的长期维护.通常负责 维护代码的人大多都不是开发者本人,如果有一个统一的代码格式以及 说明就可以减少混淆提高理解速度. ...
- 贴出最新整理的英语谚语大全(3267条)
贴出最新整理成数据库的英语谚语大全: 1. "After you" is good manners. "您先请"是礼貌. 2. A bad beginning ...
最新文章
- u-boot启动过程
- BTC 再陷横荒之力,BCH 或成破局良器
- leetcode算法题--替换所有的问号
- 【Tiny4412】烧写最小文件系统到EMMC
- mysql workbench画er_MySQL Workbench画ER图
- 取消计算机关机,系统自动关机怎么取消以及系统自动关机命令
- 数字图像处理 冈萨雷斯 (第四版) 比特平面分层,图像重建
- Linux 语言包的安装
- hadoop版本和java版本不一致的问题
- VISIO中如何增加连接点
- 何谓情比金坚——婚姻来源和相关说法
- sobol灵敏度分析matlab_灵敏度分析_使用MATLAB编写.doc
- 淘宝客是鸡肋还是熊掌
- 计算机c语言二级编程题题库,计算机等级考试二级c语言编程题题库
- 推荐一批灵活好用的管理软件
- 百度nlp实习生转岗(猝)
- html写出太极八卦图,求图,谁能用符号拼成太极八卦图!!!!!!!!!!!!...
- 在ASF根据事件(Event)下载SAR数据
- 【Matlab人脸识别】KL变换人脸识别【含GUI源码 859期】
- 计算机视觉学习资料汇总
热门文章
- Sparse Local Patch Transformer for Robust Face Alignment and Landmarks Inherent Relation Learning
- RuntimeError: generator raised StopIteration
- 学习了pr后的收获_我的PR小结
- N-S图、PAD图(例题)
- Sigfox被NB-IoT招安?这只是其成为物联网Uber的一个路径
- eoj 3279 爱狗狗的两个dalao(dfs)
- 人工智能的发展方向与机遇
- crossed the “t‘s“, dotted the “i‘s“, grouted the tiles是什么意思?
- python snmp_cmds库snmpwalk 中文正常显示方法
- 在图书馆看到自己出版的图书是一种怎样的体验?