CSS的命名
使用约定俗称的命名规范有助于我们的代码阅读和维护。
常用命名:
wrap 外套 ———————— 用于最外层
container 容器 ———————— 和外套相似,用于做容器
header 头部 ———————— 用于头部
nav 导航 ———————————— 网页菜单导航条
content 内容 —————————— 用于网页中的中部主体
title标题 ————————————栏目标题,一般配合h标签使用
main 主要内容 ———————— 用于主体内容(中部)
main-left 主体内容左部 —————— 用于主体内容的左边
main-right 主体内容的右部—————— 用于主体内容的右部
banner 广告条
logo 标记
menu 菜单
copyright 版权
更多:
(1)CSS样式命名:
wrapper:页面外围控制整体布局宽度
container,content:容器,用于最外层
layout:布局
head, header:页头部分
foot,footer:页脚部分
nav:主导航
subnav:二级导航
menu:菜单
submenu:子菜单
sidebar:侧栏
sidebar_a, sidebar_b:左边栏或右边栏
tag:标签
msg,message:提示信息
tips:小技巧
vote:投票
friendlink:友情连接
summary:摘要
loginbar:登录条
searchInput:搜索输入框
hot:热门热点
search:搜索
search_output:搜索输出和搜索结果相似
searchbar:搜索条
search_results:搜索结果
branding:商标
siteinfo:网站信息
siteinfolegal:法律声明
siteinfocredits:信誉
joinus:加入我们
partner:合作伙伴
service:服务
regsiter:注册
arr/arrow:箭头
guild:指南
sitemap:网站地图
list:列表
homepage:首页
subpage:二级页面子页面
tool, toolbar:工具条
drop:下拉
dorpmenu:下拉菜单
status:状态
scroll:滚动
tab:标签页
left,right,center:居左、中、右
news:新闻
download:下载
products:产品
products_prices:产品价格
products_description:产品描述
products_review:产品评论
editor_review:编辑评论
news_release:最新产品
publisher:生产商
screenshot:缩略图
faqs:常见问题
keyword:关键词
blog:博客
forum:论坛
(2)CSS文件命名:
master.css,style.css------------主要的
module.css---------------------模块
base.css------------------------基本共用
layout.css----------------------布局,版面
themes.css---------------------主题
columns.css--------------------专栏
font.css------------------------文字、字体
forms.css-----------------------表单
mend.css-----------------------补丁
print.css-----------------------打印
CSS的命名的更多相关文章
- DIV+CSS规范命名大全
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇. 常用DIV+CSS命名大全集合,即CSS命名规则 D ...
- css的命名规则
本文转载自谈笑涧<css的命名规则> 操作系统版本:Windows 7 浏览器版本:IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.35 ...
- 有利于SEO优化的DIV+CSS的命名规则小结
可以先去这里温习一下CSS和HTML的知识!DIV+CSS规范命名大全集合 CSS开发技巧整理 一.CSS文件及样式命名 1.CSS文件命名规范 全局样式:global.css/master.css ...
- DIV+CSS规范命名大全集合
(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-06-19) 网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DI ...
- CSS 的命名和书写
CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) ...
- DIV+CSS规范命名
一.命名规则说明: 1).所有的命名最好都小写2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="div ...
- DIV+CSS布局命名规范
一.命名规则说明 1).所有的命名最好都小写2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divc ...
- DIV+CSS 规范命名集合
一: 命名规范说明: 1).所有的命名最好都小写 2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="d ...
- CSS样式命名整理(非原创)
非原创,具体出自哪里忘了,如果侵害您的利益,请联系我. CSS样式命名整理 页面结构 容器: container/wrap 整体宽度:wrapper 页头:header 内容:content 页面主体 ...
随机推荐
- poj1256(全排列stl)
#include<stdio.h>#include<string.h>#include<algorithm>using namespace std;bool cmp ...
- zabbix 监控mysql主从
这里记录了,每次都百度查询多次. zabbix默认包含mysql监控 其中包含 mysql的基本状态监控 MySQL主从监控需要结合自定义 1)目前项目需求 只对 Slave_IO_Running . ...
- WimTool(Wim映像处理工具) V1.30.2011.501 免费绿色版
软件名称: WimTool(Wim映像处理工具) V1.30.2011.501 免费绿色版软件语言: 简体中文授权方式: 免费软件运行环境: Win7 / Vista / Win2003 / WinX ...
- ural 1353. Milliard Vasya's Function(dp)
1353. Milliard Vasya's Function Time limit: 1.0 second Memory limit: 64 MB Vasya is the beginning ma ...
- 36.中国特色社会主义的体制中有这样的现象:地方省政府要坚持党的领导和按 照国务院的指示进行安全生产。请编写一个java应用程序描述上述的体制现象。 要求如下: (1)该应用程序中有一个“党中央”接口:CentralPartyCommittee,该接口中 有个“坚持党的领导”方法:void partyLeader() (2)该应用程序中有一个“国务院”抽象类:StateCouncil,该抽象类中有
//接口:CentralPartyCommittee package jieKou; public interface CentralPartyCommittee { void partyLeader ...
- AltiumDesigner14绘制四层板设置
1,快捷键(O+K)进入板层设置界面: 2,选择AddLayer,里边有两个选项(add layer(添加信号层)||add internal plane(增加平面)) 四层板的话一般层次的划分是t ...
- samba server 设置
samba server 设置yum install samba.x86_64systemctl start smb.servicesystemctl enable smb.servicesamb ...
- python脚本文件删除
昨天有需求需要用python脚本删除一个目录下的文件.遇到了点麻烦. 使用的是shutil.rmtree(dir)函数,这个函数可以删除有内容的目录,而shutil.rmdir(dir)只能删除空目录 ...
- 用yum安装JDK(CentOS)
1.查看yum库中都有哪些jdk版本 [root@localhost ~]# yum search java|grep jdk 2.选择版本,进行安装 [root@localhost ~]# yum ...
- 二十二、oracle pl/sql分类二 函数
函数用于返回特定的数据,当建立函数时,在函数头部必须包含return子句.而在函数体内必须包含return语句返回的数据.我们可以使用create function来建立函数. 1).接下来通过一个案 ...