以后地位:首页 > 建站常识 > 列表

上海网站扶植之css定名法则

点击: 次时候:2021/8/23 22:07:16关头词:
头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面核心节制全体规划宽度:wrapper摆布中:left right center登录条:loginbar标记:logo告白:banner

头:header  

内容:content/container  

尾:footer  

导航:nav  

侧栏:sidebar

栏目:column  

页面核心节制全体规划宽度:wrapper  

摆布中:left right center  

登录条: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 */

内容区

/* End Footer */

id的定名

容器: container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面核心节制全体规划宽度:wrapper

摆布中:left right center

id的定名

页面规划

容器: container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面核心节制全体规划宽度:wrapper

摆布中:left right center

导航

导航:nav

主导航:mainbav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题: title

择要: summary

功效

标记: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

预定建站
收费供给网站优化
支付关头词