CSS设计网页时的一些常用规范

2016-02-19 23:28 10 1 收藏

今天图老师小编要跟大家分享CSS设计网页时的一些常用规范，精心挑选的过程简单易学，喜欢的朋友一起来学习吧！

【 tulaoshi.com - Web开发】

CSS命名规范

一．文件命名规范

全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；

二．常用类/ID命名规范

页　眉：header
内　容：content
容　器：container
页　脚：footer
版　权：copyright　
导　航：menu
主导航：mainMenu
子导航：subMenu
标　志：Logo
标　语：banner
标　题：title
侧边栏：sidebar
图　标：Icon
注　释：note
搜　索：search
按　钮：btn
登　录：login
链　接：link
信息框：manage

常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如搜索框则应命名为searchInput、搜索图标命名这searchIcon、搜索按钮命名为searchBtn

来源:http://www.tulaoshi.com/n/20160219/1630005.html

上一篇：基于XTHML标准的DIVCSS布局对SEO的影响
下一篇： HTML验证的好处？

看过《CSS设计网页时的一些常用规范》的人还看了以下文章更多>>

学习CSS布局网页的一些实例

标签： Web开发

CSS布局中,一个重要的标签 DIV ,DIV是XHTML所支持的标签,DIV是一个容器,所有的XHTML标签对象都可以称为是一个容器.如 divcontent/div,h1titles/h1.... div代码的书写格式: div id="id 名称"[...]/div div class="class名称"[...]/div 注:同一个名称的id值,在当前的XHTML页面中,只日须使用一次,class名称可以重复使用...

CSS网页布局的一些常见规则

标签： Web开发

怎样做CSS布局呢？ CSS文件的链接方式 1、附加链接：外部CSS文件 2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中 CSS规则定义有三种 1、类比如.RedText、.BlueText和.BigText等等 2、标签针对原有HTML标签做的重新CSS定义 3、高级伪类、定义了ID的元素，以及综合性定义 CSS规则的应用 ...

网页文字应用CSS的一些技巧

标签： Web开发

我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是应用CSS最多的地方,就算对没有完全遵守标准的网站来说也是一样.去掉网页中反复出现的font标签曾经是(现在也是)十分吸引设计者的事情,而且不难看出以CSS控制文字排印的巨大优势,也就是进一步分离内容和展示方式. 从先前的很多例子我们知道了CSS能处理许多情...

CSS设计网页头部的写法

标签： Web开发

在div+css布局中，一般都这样来整体构架的： div id="header"/div div id="center"/div div id="footer"/div 而对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏： div id="header" div id="title"这里是网站的标题/div div id="nav"这里是网站导航栏/div /div 很多人一般都这样写...

初学CSS和标准建站的一些CSS常用技巧

标签： Web开发

初学CSS和标准建站的一些CSS常用技巧 /*无所不能的CSS的*通配选择符*/ * { margin:0; padding:0;} /*此定义解释:margin:0;padding:0;在CSS最上面先用 * 一次性统一制定，可以避开CSS的"盒模型"考虑问猓迸龅叫枰乇？指定margin或padding值的时候在分别另外指定，后面的值将覆盖前面的值。*/ /*CSS中容易被忽视的Outlines 轮廓属性*/ 问...

查看更多精彩>>