1.1. div/css_classname命名规范 aps[-portlet][-decorator]
页头:header
登录:login
注销:logout
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
顶导航:topNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guide
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyright
外套:wrap
主导航:mainNav
子导航:subnav
标签:label
标题:title
图标:icon
注释:note
面包屑:breadCrumb
容器:container
当前的:current
查看:view
编辑:edit
编辑默认:edit_defaults
帮助:help
正常大小:normal
最大化:maximized
最小化:minimized
加/减:plus/minus
图片:pic
1、2 css文件名 文件头:@CHARSET "UTF-8";
主样式表:main.css
菜单样式表:menu.css
主题、风格样式表:theme.css
皮肤样式表:skin.css
覆写样式表:reset.css
1、3 尽量不是用inline style 以及 important
1、4 添加当前页面统一css
将页面分成几个模块
在每个不同模块上使用class区分,相同模块上使用class前缀
添加每个模块的统一css
将每个模块分成几个子模块
1、5 长度、宽度等需要加单位如:100px
1、6 颜色使用数值而不是名称
分享到:
相关推荐
"CSS style属性大全.rar"这个压缩包显然是一份关于CSS样式的全面教程资料,旨在帮助学习者掌握各种CSS属性的用法。下面将详细介绍一些关键的CSS style属性。 1. **颜色和文本样式** - `color`: 设置文本颜色,可以...
在给定的代码片段中,我们首先看到的是一个内联`<style>`标签,用于定义CSS样式。这段代码主要定义了一个针对`<tr>`元素的CSS规则。 #### CSS表达式 在这段CSS规则中,使用了`css:expression()`语法,这是一个非...
Flex 3 CSS Style 设计器是一款专为Adobe Flex 3框架设计的强大工具,它提供了可视化的界面,使得开发者能够更加直观、便捷地编辑和管理Flex应用程序中的CSS样式。这款工具对于提升Flex应用的用户界面(UI)设计质量...
### CSS Style属性大全:深入解析与应用 在前端开发领域,CSS(层叠样式表)是必不可少的一部分,它用于描述HTML文档的外观和格式。掌握CSS的Style属性,能够极大地提升网页的美观度和用户体验。以下是对给定文件中...
### JavaScript CSS Style属性对照表详解 #### 一、引言 在前端开发中,通过JavaScript动态地更改HTML元素的CSS属性是一种常见的需求。这不仅能够提高网页的交互性,还能帮助开发者实现更加复杂的视觉效果。本文将...
标题中的“CSS style component”指的是在前端开发中使用CSS(层叠样式表)来创建可复用、模块化的样式组件。这些组件可以是按钮、导航条、卡片等UI元素,它们具有独立的样式和功能,方便在整个项目中多次使用,提高...
html5,css,div,style 这是一个css兼容性文档
### CSS Style Filter详解 在网页设计与开发领域中,CSS(层叠样式表)作为控制网页元素视觉表现的重要工具之一,其功能不断扩展和完善。其中,“CSS Style Filter”是一种能够应用于HTML元素上的图像处理效果,它...
本资源“CSS_style.rar”提供了一个关于CSS样式的全面指南,特别是聚焦于“jsp_css_sty”、“style”、“style_css”以及“style.css”这些关键概念。以下是针对这些主题的详细解释: 1. **JSP(JavaServer Pages)...
HalfStyle, 用 CSS Style字符的一半 HalfStyle每半个或者三个字分别独立或者独立地分开或者分开地显示每。易于使用的插件。HalfStyle是一组高级CSS规则,允许分别或者水平地或者独立地设置字符的每一半或者三分之一...
"cssView:看cssStyle"这个标题暗示了一个工具或者功能,它可能是用于查看和理解CSS样式的应用或者浏览器插件。 这个工具可能具有以下特点: 1. **实时预览**:允许用户实时查看元素的CSS样式变化,提高前端开发效率...
【标题】"3akai_css_style.rar" 是一个与SAKAI系统相关的CSS样式资源包,其中包含了"style"这一核心关键词。SAKAI是一个开源的学习管理系统,它用于构建在线教育环境,支持教学、协作和学习活动。CSS(Cascading ...
css模板 通用库style.css 通用库style.css
"CSS-style.rar"是一个压缩包文件,其中包含了关于CSS的资源,如"css_style_style.css"可能是一个示例样式文件,而"dhtmlet_css2.chm"则可能是CSS的参考手册或者教程。 "css_style_style.css"是CSS样式文件的典型...
str 是表示通过ajax返回的XMLRequest /*动态加载css style*/ function loadStyle(str) { var regExp_src=/<style.*src\s*=\s*[“‘][^”‘]*[“‘].*>[^<>]*<\/style\s*>/gi; var matchArray_src=str....
CSSStyleDeclaration CSS对象模型Node JS实现。背景该软件包是Nikita Vasilyev的CSSStyleDeclaration类的,增加了对CSS 2和3属性的支持。 主要用例是用于在Node环境中测试浏览器代码。 它最初是由Chad Walker创建的...
style.css