`
duyouhua1214
  • 浏览: 241792 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

CSS样式命名规则(仅供参考)

    博客分类:
  • Css
阅读更多

CSS样式命名规则(仅供参考)

1.样式命名
外 套:  wrap
主导航:  mainnav
子导航:  subnav
页 脚:  footer
整个页面: content
页 眉:  header
页 脚:  footer
商 标:  label
标 题:  title
主导航:  mainbav(globalnav)
顶导航:  topnav
边导航:  sidebar
左导航:  leftsidebar
右导航:  rightsidebar
旗 志:  logo
标 语:  banner
菜单内容1: menu1 content
菜单容量: menu container
子菜单:  submenu
边导航图标:sidebarIcon
注释:   note
面包屑:  breadcrumb(即页面所处位置导航提示)
容器:   container
内容:   content
搜索:   search
登陆:   Login
功能区:  shop(如购物车,收银台)
当前的   current

2.另外在编辑样式表时可用的注释可这样写:
<-- Footer -->
内容区
<-- End Footer -->

3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
分享到:
评论

相关推荐

    css命名规范(仅供参考)

    本文档基于一份名为《CSS样式命名规则(仅供参考)》的PDF文件进行了整理与扩展,旨在提供一套实用的CSS命名指南。通过遵循这些规范,我们可以构建出更加规范且易于管理的网站。 #### 二、基本命名原则 1. **简洁性*...

    编写CSS代码时样式的命名规则

    需要注意的是,以上的命名规则和例子仅供参考,具体应用时还需根据项目的实际情况和团队的约定进行调整。此外,在使用时可能会遇到OCR扫描文档时出现的识别错误或漏识别的情况,因此在实际编码时应当确保所使用的...

    CSS命名规范

    - **全局样式**:通常命名为`global.css`,用于存放一些全局性的样式设置,比如基础字体大小、颜色等。 - **框架布局**:如`layout.css`,主要用于定义网页的基本布局结构,例如页面宽度、分栏等。 - **字体样式**:...

    CSS在网页设计中的应用

    - **“CSS样式”面板**: 是Dreamweaver中用于创建、编辑和管理CSS规则的核心工具。通过简单的图形用户界面,用户可以直观地管理CSS规则,无需深入了解底层的CSS语法。 - 在没有定义任何CSS的情况下,“CSS样式”...

    unigui_调用外部js与css

    1. **全局引入**:在`main.css`或`index.css`这样的全局样式表中,可以使用`@import`规则引入外部CSS。例如: ```css @import 'path/to/your/external-css-file.css'; ``` 这将使所有组件都能访问这些样式。 2....

    Javaweb-课程设计-计算机系教师教学质量评价系统(MVC模型)

    2.【项目】使用MVC模型,利用DAO、Servlet、CSS样式以及JSP分模块封装等技术,完成网页项目,论文中对各模块和命名规则进行详细说明。 内容完整,图文表并茂,可用于JavaWeb课程设计展示。 文件仅供参考学习。

    12个不错的DIV+CSS模板

    【描述】"12个不错的DIV+CSS模板,仅供学习参考,严谨用户商业用途,否则后果自负!(要凑字数不容易)"说明这些模板是供学习者和开发者研究和借鉴的,而不是为了直接在商业项目中使用。使用这些模板时,应当尊重...

    前端代码规范-js,html,vue,css,ts

    - 针对已有项目的持续开发,提供一份详尽的代码规范指南供开发者参考,重点在于强调核心规范而非所有细节。 #### 基础规范建议 ##### CSS 规范 1. **选择器**: - **避免内联样式**:内联样式难以追踪且不利于...

    ssm094学生宿舍管理+jsp.rar

    在给定的文件信息中,我们了解到一个关于学生宿舍管理的项目资源包,该...然而,对于想要进一步研究或使用该项目的开发者来说,需要注意的是项目源码仅供学习交流之用,避免用于商业目的,以免发生版权或法律上的问题。

    tentcss:一个CSS生存工具包。 仅包括营地必需品

    2. **BEM命名法**:TentCSS 使用Block Element Modifier (BEM) 命名约定,这是一种流行的CSS命名规范,旨在提高代码的可读性和可维护性。BEM通过将CSS类分为三个部分——块(Block)、元素(Element)和修饰符...

    ssm227闪烁物业管理系统+jsp.rar

    源码经过严格测试,确保可正常运行,但项目仅供学习交流使用,禁止商业用途。 项目源码文件结构详尽,其中包含多个CSS文件,分别位于不同的资源文件夹下。这些CSS文件负责网站的视觉样式和布局,以实现系统的良好...

    ssm814基于JSP的家纺用品销售管理系统+jsp.rar

    鉴于该项目明确指出仅供学习交流使用,开发者在使用该项目时应遵守相关规定,不得用于商业目的,以免产生不必要的法律问题和道德争议。 该项目文件结构的设计遵循了模块化、组件化和层次化的开发理念,这不仅有助于...

    155-ssm班级同学录网站-java毕业设计.rar

    在实际使用方面,文档明确指出该资源项目源码已经通过测试,能够保证正常运行,但同时强调了该资源仅供交流学习使用,禁止商业用途。由此可见,该毕业设计项目可以作为学习Java Web开发和SSM框架的参考资料。 另外...

    weixin236小程序疫苗预约网站系统ssm.rar

    系统经过严格测试,确保了其正常运行的能力,同时,文档明确指出,该项目仅供交流学习使用,禁止用于商业目的。项目的标签中包含了“winxin”(可能是“微信”的拼音输入错误)、“java”和“springboot”,这些标签...

    springboot207基于springboot的实习管理系统.rar

    从描述中得知,源码已经通过测试,能够正常运行,并且明确指出该项目仅供学习交流使用,不得用于商业目的。这意味着使用者应当尊重版权与授权规定,将该项目作为参考学习之用,而不应对其进行商业开发或销售。 标签...

    springboot178智能学习平台系统.rar

    需要注意的是,尽管该项目的源码通过了测试验证并能够保证正常运行,但是它仅供学习和交流参考之用,不得用于商业用途。这主要是为了尊重开发者的劳动成果,避免未经许可的商业行为对项目原作者产生不利影响。 该...

    springboot319绿城郑州爱心公益网站.rar

    从描述中可以得知,该网站项目的源码已经过严格测试,能够保证正常运行,同时特别强调了仅供学习交流之用,禁止商业利用。 文件名称列表中包含了多个子文件夹和具体文件,显示了项目的基本结构和关键资源。例如,...

    [其他类别]检测JSP服务器内存的Ajax程序_systemjc.rar

    3. 使用限制:项目文件中明确指出,该项目仅供交流学习使用,禁止用于商业目的。这一点需要特别注意,以避免侵权风险。 4. 文件构成:项目中的文件构成包括多种样式文件和缓存文件。样式文件(如System.css、Link....

    ssm043基于JavaEE的龙腾公司员工信息管理系统的设计与实现+jsp.rar

    特别需要注意的是,项目源码虽然经过了严格的测试验证,保证了其正常运行,但是本项目仅供学习交流参考,不得用于商业目的。这表明开发者鼓励学习和研究,但同时也注重保护自身的知识产权和劳动成果。 龙腾公司员工...

Global site tag (gtag.js) - Google Analytics