仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 863|回复: 8
打印 上一主题 下一主题

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

[复制链接]
精灵巫婆 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:13:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
分手快乐 该用户已被删除
5#
发表于 2015-2-10 06:05:20 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
若相依 该用户已被删除
6#
发表于 2015-3-1 01:26:38 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
再现理想 该用户已被删除
7#
发表于 2015-3-10 12:26:51 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
爱飞 该用户已被删除
8#
发表于 2015-3-17 07:10:00 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
小女巫 该用户已被删除
9#
发表于 2015-3-24 02:14:56 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-4 13:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表