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

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

    博客分类：
  • Css
CSSBlog 
阅读更多

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
来源：http://yeakyang.blog.163.com/blog/static/6413081200961611427305/?
分享到：
| 如何解决java的web项目error-page不显示的 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    css命名规范（仅供参考）

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

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

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

    CSS命名规范

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

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

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

    unigui_调用外部js与css

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

    12个不错的DIV+CSS模板

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

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

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

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

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

    My-Website:本网站仅供个人使用

    "My-Website:本網站仅供個人使用" 这个标题表明这是一个个人网站项目，命名为"My-Website"，并且仅供个人使用。这可能是一个开发者为了学习、实验或者个人展示而创建的网站，不面向公众开放。我们可以推测这个网站...

    单选题[1]、一个网站中的多个网页之间是通过()联系起来的。【答案】B.pdf

    【CSS 样式表】要定义一个 CSS 样式表文件供整个网站使用，应该先定义站点，并在新建样式时选择“定义在”“新建样式表文件”，并命名文件为“mystyle.css”。错误的操作是直接在菜单中选择新建 CSS 而不关联到站点...

    ideams

    IDEAMS（可能是指“IDE for Data Management and Analytics Solutions”）是一个...不过，由于信息有限，以上推测仅供参考。要获得更具体的信息，通常需要查看IDEAMS的官方文档、教程或者实际下载安装该软件进行体验。

    18089 Markup Language Testsv11.docx

    文档18089 "Markup Language Tests v11" 是一份由AT&T公司制定的测试计划，用于验证设备的功能性，特别是与标记语言相关的部分，如...此文档仅供AT&T公司内部授权人员使用，不对外公开，体现了其知识产权的保护意识。

    bootstrap响应式个人摄影师博客网页源码.zip

    2. CSS样式：Bootstrap的核心CSS文件（bootstrap.min.css）提供了基础样式，而自定义CSS文件（可能命名为style.css）则用于个性化设计，比如颜色、字体和间距等。这些样式文件确保了网站的整体美观和一致性。 3. ...

    test-react-ui-button:演示使用SCSS和CSS模块的react组件

    在React中，CSS模块将CSS类名转换为唯一的哈希值，确保每个组件的样式仅对其自身生效。在`react-ui-button`组件中，CSS模块使得按钮样式的应用更加安全，不会意外影响到其他组件。 项目中的`test-react-ui-button-...

    Discuz X3 美化系列教程和技巧

    ### Discuz X3 美化系列...- **使用目的**：获取到的外链仅供个人学习和研究使用，不得用于商业目的或其他非法用途。 以上就是关于Discuz X3模板美化以及SkyDrive音乐外链获取的相关知识点介绍，希望对读者有所帮助。

    Liquidpickle

    " Liquidpickle "是一个看似独特的名称，它在IT领域中可能关联到特定的软件、库、设计元素或...不过，由于信息有限，以上推测仅供参考。要获取更准确的信息，可能需要直接查看" Liquidpickle "文件或更多相关背景资料。

    jsp+sql企业宣传网

    【文件名称列表】：虽然没有提供具体的文件名称，但通常在“Company”这样的命名下，可能包含着网站的源代码文件、数据库配置文件、图片资源、CSS样式表、JavaScript脚本等。例如： 1. `index.jsp` - 主页的JSP文件...

    20210303_chiba

    7. **样例项目**：包含实际应用CSS的HTML文件和CSS文件，供学习和参考。 【压缩包子文件的文件名称列表】："20210303_chiba-master"通常表示这是一个Git仓库的主分支（master branch），很可能包含一个项目的所有源...

Magicbox
Global site tag (gtag.js) - Google Analytics