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样式命名规则(仅供参考)》的PDF文件进行了整理与扩展,旨在提供一套实用的CSS命名指南。通过遵循这些规范,我们可以构建出更加规范且易于管理的网站。 #### 二、基本命名原则 1. **简洁性*...
需要注意的是,以上的命名规则和例子仅供参考,具体应用时还需根据项目的实际情况和团队的约定进行调整。此外,在使用时可能会遇到OCR扫描文档时出现的识别错误或漏识别的情况,因此在实际编码时应当确保所使用的...
- **全局样式**:通常命名为`global.css`,用于存放一些全局性的样式设置,比如基础字体大小、颜色等。 - **框架布局**:如`layout.css`,主要用于定义网页的基本布局结构,例如页面宽度、分栏等。 - **字体样式**:...
2.【项目】使用MVC模型,利用DAO、Servlet、CSS样式以及JSP分模块封装等技术,完成网页项目,论文中对各模块和命名规则进行详细说明。 内容完整,图文表并茂,可用于JavaWeb课程设计展示。 文件仅供参考学习。
1. **全局引入**:在`main.css`或`index.css`这样的全局样式表中,可以使用`@import`规则引入外部CSS。例如: ```css @import 'path/to/your/external-css-file.css'; ``` 这将使所有组件都能访问这些样式。 2....
【描述】"12个不错的DIV+CSS模板,仅供学习参考,严谨用户商业用途,否则后果自负!(要凑字数不容易)"说明这些模板是供学习者和开发者研究和借鉴的,而不是为了直接在商业项目中使用。使用这些模板时,应当尊重...
- 针对已有项目的持续开发,提供一份详尽的代码规范指南供开发者参考,重点在于强调核心规范而非所有细节。 #### 基础规范建议 ##### CSS 规范 1. **选择器**: - **避免内联样式**:内联样式难以追踪且不利于...
2. **BEM命名法**:TentCSS 使用Block Element Modifier (BEM) 命名约定,这是一种流行的CSS命名规范,旨在提高代码的可读性和可维护性。BEM通过将CSS类分为三个部分——块(Block)、元素(Element)和修饰符...
"My-Website:本網站仅供個人使用" 这个标题表明这是一个个人网站项目,命名为"My-Website",并且仅供个人使用。这可能是一个开发者为了学习、实验或者个人展示而创建的网站,不面向公众开放。我们可以推测这个网站...
【CSS 样式表】要定义一个 CSS 样式表文件供整个网站使用,应该先定义站点,并在新建样式时选择“定义在”“新建样式表文件”,并命名文件为“mystyle.css”。错误的操作是直接在菜单中选择新建 CSS 而不关联到站点...
IDEAMS(可能是指“IDE for Data Management and Analytics Solutions”)是一个...不过,由于信息有限,以上推测仅供参考。要获得更具体的信息,通常需要查看IDEAMS的官方文档、教程或者实际下载安装该软件进行体验。
文档18089 "Markup Language Tests v11" 是一份由AT&T公司制定的测试计划,用于验证设备的功能性,特别是与标记语言相关的部分,如...此文档仅供AT&T公司内部授权人员使用,不对外公开,体现了其知识产权的保护意识。
2. CSS样式:Bootstrap的核心CSS文件(bootstrap.min.css)提供了基础样式,而自定义CSS文件(可能命名为style.css)则用于个性化设计,比如颜色、字体和间距等。这些样式文件确保了网站的整体美观和一致性。 3. ...
在React中,CSS模块将CSS类名转换为唯一的哈希值,确保每个组件的样式仅对其自身生效。在`react-ui-button`组件中,CSS模块使得按钮样式的应用更加安全,不会意外影响到其他组件。 项目中的`test-react-ui-button-...
### Discuz X3 美化系列...- **使用目的**:获取到的外链仅供个人学习和研究使用,不得用于商业目的或其他非法用途。 以上就是关于Discuz X3模板美化以及SkyDrive音乐外链获取的相关知识点介绍,希望对读者有所帮助。
" Liquidpickle "是一个看似独特的名称,它在IT领域中可能关联到特定的软件、库、设计元素或...不过,由于信息有限,以上推测仅供参考。要获取更准确的信息,可能需要直接查看" Liquidpickle "文件或更多相关背景资料。
【文件名称列表】:虽然没有提供具体的文件名称,但通常在“Company”这样的命名下,可能包含着网站的源代码文件、数据库配置文件、图片资源、CSS样式表、JavaScript脚本等。例如: 1. `index.jsp` - 主页的JSP文件...
7. **样例项目**:包含实际应用CSS的HTML文件和CSS文件,供学习和参考。 【压缩包子文件的文件名称列表】:"20210303_chiba-master"通常表示这是一个Git仓库的主分支(master branch),很可能包含一个项目的所有源...