iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >DIV+CSS命名规范有哪些
  • 754
分享到

DIV+CSS命名规范有哪些

2024-04-02 19:04:59 754人浏览 薄情痞子
摘要

本篇文章为大家展示了DIV+CSS命名规范有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。  命名规则说明:  1)、所有的命名最好都小写  2)、属性的值一定

本篇文章为大家展示了DIV+CSS命名规范有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

  命名规则说明:

  1)、所有的命名最好都小写

  2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"

  3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整

  4)、空元素要有结束的tag或于开始的tag后加上"/"

  5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bGColor、border等

  6)、定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。

  7)、给每一个表格和表单加上一个唯一的、结构标记id

  8)、给图片加上alt标签

  9)、尽量使用英文命名原则

  10)、尽量不缩写,除非一看就明白的单词

  相对网页外层重要部分CSS样式命名:

  外套wrap------------------用于最外层头部header----------------用于头部主要内容main------------用于主体内容(中部)左侧main-left-------------左侧布局右侧main-right-----------右侧布局导航条nav-----------------网页菜单导航条内容content---------------用于网页中部主体底部footer-----------------用于底部

  DIV+CSS命名参考表:

  以下为CSS样式命名与CSS文件命名参考表,DIV CSS命名集合

CSS样式命名

说明

网页公共命名

#wrapper

页面外围控制整体布局宽度

#container或#content

容器,用于最外层

#layout

布局

#head,#header

页头部分

#foot,#footer

页脚部分

#nav

主导航

#subnav

二级导航

#menu

菜单

#submenu

子菜单

#sideBar

侧栏

#sidebar_a,#sidebar_b

左边栏或右边栏

#main

页面主体

#tag

标签

#msg#message

提示信息

#tips

小技巧

#vote

投票

#friendlink

友情连接

#title

标题

#summary

摘要

#loginbar

登录条

#searchInput

搜索输入框

#hot

热门热点

#search

搜索

#search_output

搜索输出和搜索结果相似

#searchBar

搜索条

#search_results

搜索结果

#copyright

版权信息

#branding

商标

#loGo

网站LOGO标志

#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

下载

.banner

广告条(顶部广告条)

电子贸易相关

.products

产品

.products_prices

产品价格

.products_description

产品描述

.products_review

产品评论

.editor_review

编辑评论

.news_release

最新产品

.publisher

生产商

.screenshot

缩略图

.faqs

常见问题

.keyWord

关键词

.blog

博客

.forum

论坛

CSS文件命名

说明

master.css,style.css

主要的

module.css

模块

base.css

基本共用

layout.css

布局,版面

themes.css

主题

columns.css

专栏

font.css

文字、字体

forms.css

表单

mend.css

补丁

print.css

打印

上述内容就是DIV+CSS命名规范有哪些,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注编程网VUE频道。

--结束END--

本文标题: DIV+CSS命名规范有哪些

本文链接: https://www.lsjlt.com/news/76688.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • DIV+CSS命名规范有哪些
    本篇文章为大家展示了DIV+CSS命名规范有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。  命名规则说明:  1)、所有的命名最好都小写  2)、属性的值一定...
    99+
    2024-04-02
  • DIV CSS的命名规范有哪些
    这篇文章主要讲解了“DIV CSS的命名规范有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“DIV CSS的命名规范有哪些”吧!我们开发CSS+DIV网...
    99+
    2024-04-02
  • DIV+CSS规范命名的知识点有哪些
    这篇文章主要讲解了“DIV+CSS规范命名的知识点有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“DIV+CSS规范命名的知识点有哪些”吧! .编程网...
    99+
    2024-04-02
  • CSS和HTML命名规范有哪些
    今天就跟大家聊聊有关CSS和HTML命名规范有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。 面向属性的命名方法,是什么属性就写什么名。 精简高效CSS命名之“三无原则”,此“三...
    99+
    2023-06-04
  • CSS中BEM的命名规范有哪些
    这篇文章将为大家详细讲解有关CSS中BEM的命名规范有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1 什么是 BEM 命名规范Bem 是块(block)、元素(element)、修饰符...
    99+
    2023-06-08
  • 常用的DIV+CSS命名规则有哪些
    今天小编给大家分享一下常用的DIV+CSS命名规则有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来...
    99+
    2024-04-02
  • CSS中class和id命名规范有哪些
    今天就跟大家聊聊有关CSS中class和id命名规范有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。CSS类class及id的规范化命名Web开...
    99+
    2024-04-02
  • CSS中有哪些命名和书写规范
    这篇文章主要介绍了CSS中有哪些命名和书写规范,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。选择器的命名规范1.模块化命名例如:与布局相关的...
    99+
    2024-04-02
  • Java命名规范有哪些
    这篇文章将为大家详细讲解有关Java命名规范有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。基本命名规范包命名包名按照域名的范围从大到小逐步列出,恰好和Internet上的域名命名规则相...
    99+
    2023-06-17
  • C#命名规范有哪些
    这篇文章给大家介绍C#命名规范有哪些,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。1 ADO.NET 命名规范数据类型数据类型简写标准命名举例ConnectionconconNorthwindCommandcmdcmd...
    99+
    2023-06-17
  • C#的命名规范有哪些
    本篇内容主要讲解“C#的命名规范有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“C#的命名规范有哪些”吧!C#项目开发实例中,对于规范的制定,是很重要的要求。合理的方法名,合适的命名都是C#...
    99+
    2023-06-17
  • C#中有哪些命名规范
    本篇文章给大家分享的是有关C#中有哪些命名规范,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。匈牙利命名法 我最早接触到的命名规范是匈牙利命名法,该方法出自微软,基本上是一些在你...
    99+
    2023-06-17
  • Golang的命名规范有哪些
    本篇内容介绍了“Golang的命名规范有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!很少见人总结一些命名规范,也可能是笔者孤陋寡闻, ...
    99+
    2023-06-22
  • Mysql中有哪些命名规范
    Mysql中有哪些命名规范,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。  Mysql基本命名原则  1.使用用相同或类似含义英文命名,中...
    99+
    2024-04-02
  • CSS中class及id的规范化命名有哪些
    今天小编给大家分享一下CSS中class及id的规范化命名有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我...
    99+
    2024-04-02
  • 数据库命名规范有哪些
    本篇文章给大家分享的是有关数据库命名规范有哪些,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。数据库命名规范  采用26个英文字母(区分大小写)...
    99+
    2024-04-02
  • MongoDB设计命名规范有哪些
    MongoDB设计命名规范有哪些,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1.    &nbs...
    99+
    2024-04-02
  • C#语言命名规范有哪些
    C#语言命名规范有哪些,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。a)类【规则1-1】使用Pascal规则命名类名,即首字母要大写。【规则1-2】使用能够反映类功能的名词或名...
    99+
    2023-06-17
  • Java变量命名规范有哪些
    今天就跟大家聊聊有关Java变量命名规范有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。Java是一种区分字母的大小写(case-sensitive)的语言,下面谈谈Java语言...
    99+
    2023-06-17
  • css命名规则有哪些
    小编给大家分享一下css命名规则有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 1)、所有的...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作