来谈谈: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的标准化设计到底有什么好处? 在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手. 滚动条)层属性--溢出(visible/hidden/scroll/auto)
页:
[1]