<meta name="keywords" content="华夏棋牌,CSS命名尺度" />
华夏棋牌 > PHP头条 > 注释

经常应用的CSS命名尺度年夜总结,异常适用(珍藏)

原创 2019-04-23 10:44:41 1 2153
赞助会员专享特权
CSS命名由小写的英文单词或组合命名,单词与单词之间经由历程“-”毗连,经常应用的CSS命名尺度有文本命名尺度,页面结构命名尺度,导航命名和功效命名等。

CSS 命名浅易接纳小写英文单词或组合命名,单词与单词之间以"-"朋分,而且英文单词不缩写,除非是那种质朴一眼看上去便可以明确的单词。接上去在文章中分享一些CSS中经常应用的命名尺度,欲望对年夜家有所赞助

【推荐课程:CSS教程

文本命名尺度

index.css: 浅易用于华夏棋牌培植项目

华夏棋牌head.css: 头部项目,当多个页面头部设计气焰气焰类似时应用。

华夏棋牌base.css: 共用项目。

style.css:自力页面所应用的项目文件。

global.css:页面项目基础,全局公用项目,页面中必须网罗。

layout.css:结构、版面项目,公用类型较多时应用,浅易用在华夏棋牌级页面和产物类页面中

module.css:模块,用于产物类页,也可与其它项目合营应用。

华夏棋牌master.css:主要的项目表

华夏棋牌columns.css:专栏项目

华夏棋牌themes.css:主体项目

forms.css:表单项目

华夏棋牌mend.css:补丁,基于以下项目阻拦的私有化修补。

页面结构命名:

page:代表一切页面,用于最外层。

wrap:外衣,将一切元素包在一起的一个焦点包,用于最外层

wrapper:页面焦点控制所有结构宽度,用于最外层

container:一个所有容器,用于最外层

华夏棋牌head,header:页头区域,用于头部

nav: 导航条

content:内容,网站中最主要的内容区域,用于网页中部主体

华夏棋牌main:网站中的主要区域(体现最主要的一块职位),用于中部主体内容

column:栏目

sidebar:侧栏

foot,footer:页尾、页脚。网站一些附加信息放置区域,(或命名为 copyright)用于底部

导航命名:

华夏棋牌nav, navbar, navigation, nav-wrapper:导航条或导航包,代表横向导航

华夏棋牌topnav:顶部导航

mainbav:主导航

subnav:子导航

华夏棋牌sidebar:边导航

华夏棋牌leftsidebar 或 sidebar_a:左导航

rightsidebar 或 sidebar_b:右导航

title:效果

summary:摘要

menu:菜单,区域网罗浅易的链接和菜单

华夏棋牌submenu:子菜单

drop:下拉

dorpmenu:下拉菜单

links:链接菜单

功效命名:

logo:标志网站logo标志

banner:口号、广告条、顶部广告条

华夏棋牌login:上岸,(例如登录表单:form-login)

loginbar:登录条

register:注册

tool, toolbar:工具条

search:搜索

searchbar:搜索条

华夏棋牌searchlnput:搜索输入框

华夏棋牌shop:功效区,体现现在的

icon:小图标

label:商标

homepage:华夏棋牌

subpage:二级页体面页面

hot:热门热门

华夏棋牌list:文章列表,(例如:新闻列表:list-news)

scroll:迁徙转变

tab:标签

sitemap:网站舆图

msg 或 message:提醒信息

current:以后的

joinus:加入

status:状态

btn:按钮,(例如:搜索按钮可写成:btn-search)

tips:小手艺

note:注释

guild:指南

华夏棋牌arr, arrow:标志箭头

service:服务

华夏棋牌breadcrumb:(即页面所处职位导航提醒)

华夏棋牌download:下载

vote:投票

siteinfo:网站信息

华夏棋牌partner:协作错误

link, friendlink:友谊链接

copyright:版权信息

华夏棋牌siteinfoCredits:信用

siteinfoLegal:司法信息

php中文网最新课程二维码
  • 相关标签:CSS命名尺度
  • 本文原创宣布php中文网 ,转载请注明出处,谢谢您的尊重!
  • 相关文章


  • CSS命名尺度
  • CSS命名尺度及网站经常应用中英文较量表
  • div+css命名尺度年夜全
  • 经常应用的CSS命名尺度年夜总结,异常适用(珍藏)
  • 网友议论

    文明上彀理性语言,请遵守 新闻议论服务协定

    我要议论

    独孤九贱(5)_ThinkPHP5视频教程

    华夏棋牌ThinkPHP是国际最盛行的中文PHP开发框架,也是您Web项目的最好选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架知识泉源,将...

    • 2017-05-16 12:03:57
    • 点击数(173821)

    独孤九贱(4)_PHP视频教程

    江湖传言:PHP是天下上最好的编程语言。真的是这样吗?这个梗现实是从哪来的?学会本课程,你就会明确了。 华夏棋牌-万豪棋牌电玩城-微信娱乐棋牌出品的PHP入门系统教授修养视频,完全从初学者的角度出发,绝不玩虚的,一切以适用、有用...

    • 2017-03-20 22:47:17
    • 点击数(169992)

    独孤九贱(1)_HTML5视频教程

    华夏棋牌《php.cn原创html5视频教程》课程特点:php中文网原创滑稽段子系列课程,以恶弄,段子为主题气焰气焰的php视频教程!轻松的教授修养气焰气焰,杂乱的教授修养形式,让同砚们在不知不觉中,学会了HTML知识。 ...

    • 2017-03-13 10:15:11
    • 点击数(137311)

    ThinkPHP5实战之[教授修养治理系统]

    华夏棋牌本套教程,以一个真实的黉舍教授修养治理系统为案例,手把手教会您怎样在一张白纸上,从零泉源,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

    • 2017-07-24 16:48:56
    • 点击数(130659)

    PHP入门视频教程之一周学会PHP

    一切盘算机语言的学习都要从根原泉源,《PHP入门视频教程之一周学会PHP》不只是PHP的基础部门更主要的是PHP语言的焦点手艺,是学习PHP必须控制的内容,任何PHP项目的完成都离不开这部门的内容,通...

    • 2016-11-16 14:54:14
    • 点击数(129990)

    相关视频教程

  • CSS3进阶视频教程
  • CSS视频教程-玉女心经版
  • HTML+CSS网页基础
  • 相关视频章节