精灵巫婆 发表于 2015-1-16 00:13:14

来谈谈:web尺度化计划:经常使用的CSS定名划定规矩

Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
经常使用的CSS定名划定规矩
  头:header
  内容:content/container
  尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面核心把持全体结构宽度:wrapper
  摆布中:leftrightcenter
  登录条: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*/
  内容区
  /*EndFooter*/
  (三)id的定名:
  (1)页面布局
  容器:container
  页头:header
  内容:content/container
  页面主体:main
  页尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面核心把持全体结构宽度:wrapper
  摆布中:leftrightcenter
  (2)导航
  导航:nav
  主导航:mainbav
  子导航:subnav
  顶导航:topnav
  边导航:sidebar
  左导航:leftsidebar
  右导航:rightsidebar
  菜单:menu
  子菜单:submenu
  题目:title
  择要:summary
  (3)功效
  标记:logo
  告白:banner
  上岸:login
  登录条:loginbar
  注册:regsiter
  搜刮:search
  功效区:shop
  题目:title
  到场:joinus
  形态:status
  按钮:btn
  转动:scroll
  标签页:tab
  文章列表:list
  提醒信息:msg
  以后的:current
  小技能:tips
  图标:icon
  正文:note
  指南:guild
  服务:service
  热门:hot
  旧事:news
  下载:download
  投票:vote
  互助同伴:partner
  友谊链接:link
  版权:copyright
  (四)class的定名:
  (1)色彩:利用色彩的称号大概16进制代码,如
  .red{color:red;}
  .f60{color:#f60;}
  .ff8600{color:#ff8600;}
  (2)字体巨细,间接利用"font+字体巨细"作为称号,如
  .font12px{font-size:12px;}
  .font9pt{font-size:9pt;}
  (3)对齐款式,利用对齐方针的英文称号,如
  .left{float:left;}
  .bottom{float:bottom;}
  (4)题目栏款式,利用"种别+功效"的体例定名,如
  .barnews{}
  .barproduct{}
  注重事项::
  1.一概小写;
  2.只管用英文;
  3.不加中杠和下划线;
  4.只管不缩写,除非一看就分明的单词.
  次要的master.css
  模块module.css
  基础共用base.css
  结构,版面layout.css
  主题themes.css
  专栏columns.css
  笔墨font.css
  表单forms.css
  补钉mend.css
  打印print.css
</p>
在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?

老尸 发表于 2015-1-18 05:33:39

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

只想知道 发表于 2015-1-26 10:32:24

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

若天明 发表于 2015-2-4 18:56:56

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

分手快乐 发表于 2015-2-10 06:05:20

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

若相依 发表于 2015-3-1 01:26:38

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

再现理想 发表于 2015-3-10 12:26:51

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

爱飞 发表于 2015-3-17 07:10:00

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.

小女巫 发表于 2015-3-24 02:14:56

滚动条)层属性--溢出(visible/hidden/scroll/auto)
页: [1]
查看完整版本: 来谈谈:web尺度化计划:经常使用的CSS定名划定规矩