css命名大全[css名称]

CSS布局命名规范

页头：header 如：#header{属性:属性值;}或.header{属性:属性值;}

登录条：loginBar

标志：logo

侧栏：sideBar

广告：banner

导航：nav

子导航：subNav

菜单：menu

子菜单：subMenu

搜索：search

滚动：scroll

页面主体：main

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

热点：hot

新闻：news

下载：download

注册：regsiter

状态：status

按钮：btn

投票：vote

合作伙伴：partner

友情：friendLink

页脚：footer

版权：copyRight

1.CSS的 ID 的命名

外　套： wrap

主导航：mainNav

子导航：subnav

页　脚：footer

整个页面：　content

页　眉：header

页　脚：footer

商　标：label

标　题：title

主导航：mainNav(globalNav)

顶导航：topnav

边导航：sidebar

左导航：leftsideBar

右导航：rightsideBar

旗　志：logo

标　语：banner

菜单内容1： menu1Content

菜单容量：　menuContainer

子菜单：submenu

边导航图标：sidebarIcon

注释：　note

面包屑：breadCrumb(即页面所处位置导航提示)

容器：　container

内容：　content

搜索：　search

登陆：　login

功能区：shop(如购物车，收银台)

当前的　current

2.CSS样式文件命名如下

主要的 master.css

布局，版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css

详解CSS样式选择器有哪些?

CSS选择器就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。

CSS选择器分类：

标签选择器、类选择器、ID选择器、全局选择器、群组选择器、后代选择器、伪类选择器

1、html标签选择器：

定义：以html标签作为选择器

2、class类选择器：

定义：为HTML标签添加class属性，通过类选择器来为具有此class属性的元素设置css样式。

类选择器也可以对不同类型元素的同一个名称的类选择器设置不同的样式规则：

同一个元素可以设置多个类，之间用空格隔开：

3、ID选择器

定义：为HTML标签添加ID属性，通过ID选择器来为具有此ID的元素设置CSS规则

4、群组选择器

定义：集体统一设置样式

5、全局选择器

定义：所有标签设置样式

HTML文档结构图

6、后代选择器

定义：使用后代选择器设置，之间用空格隔开，后代选择器可以多层。

7、伪类选择器

的四种状态：激活状态，已访问状态，未访问状态，鼠标悬停状态。

伪类

说明

:link

未访问的

:visited

已访问的

:hover

鼠标悬停状态

:active

激活的

:hover 用于访问的鼠标经过某个元素时；

:active 用于一个元素被激活时（即按下鼠标之后放开鼠标之前的状态）

伪类选择器的属性：link visited hover active

说明：

1) a:hover 必须置于 a:link和a:visited之后，才有效

2) a:active 必须置于 a:hover之后才有效

3) 伪类名称对大小写不敏感

8、CSS其它选择器

css继承特性，从父元素那继承部分css属性

选择器的优先级

ID选择优先级最高（id选择器定义具有唯一性）

class选择器次之（class选择器可以多个）

元素选择器再次之

其它选择器优先级主要根据定义的先后顺序，最后定义的优先级高

!important 加重选择器的优先级，添加在样式规则之后，中间用空格隔开。

CSS选择器命名规则

1：采用英文字母，数字以及"-" 和 "_" 命名

2：以小写字母开头，不能以数字和"-" 和 "_" 开头

3：使用有意义的命名规范

常用CSS命名

header

页头

main

主体

footer

页尾

nav

导航

sidebar

侧栏

container

容器

column

栏目

title

标签

menu

菜单

submenu

子菜单

*列举常用命名，大家根据自身项目及团队的规则命名

耐心学习基础知识，基础是盖房的根基，必须打结实。

如果您觉得有用，记得在下方点赞、关注、留言，我会定期奉 上更多的惊喜哦，您的打赏支持才是我继续努力的动力，么么哒。

每日分享在学习过程中总结的学习经验，学习笔记，笔试题，HTML，CSS，JavaScript，jQuery教程，Vue教程，PHP教程，TinkPHP教程等，望大家能以学习为目的，每天阅读一篇文章，了解身边的技术。陪有梦想的人一起成长！

css里面的通用命名是哪些？

页头：header 如：#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法

登录条：loginBar 标志：logo 侧栏：sideBar

广告：banner 导航：nav 子导航：subNav

菜单：menu 子菜单：subMenu 搜索：search

滚动：scroll 页面主体：main 内容：content

标签页：tab 文章列表：list 提示信息：msg

小技巧：tips 栏目标题：title 加入：joinus

指南：guild 服务：service 热点：hot

新闻：news 下载：download 注册：regsiter

状态：status 按钮：btn 投票：vote

合作伙伴：partner 友情：friendLink 页脚：footer

版权：copyRight

常用配合标签div、h1、h2、h3、h4、span、em、b、strong、font、u

1.CSS的 ID 的命名 也许你需要了解class与Id区别

外　套：wrap 主导航：mainNav 子导航：subnav

页　脚：footer 整个页面：content 页　眉：header

页　脚：footer 商　标：label 标　题：title

主导航：mainNav(globalNav) 顶导航：topnav

边导航：sidebar 左导航：leftsideBar 右导航：rightsideBar

旗　志：logo 标　语：banner 菜单内容1： menu1Content

菜单容量：　menuContainer 子菜单：submenu

边导航图标：sidebarIcon 注释：　note

面包屑：breadCrumb(即页面所处位置导航提示)

容器：container 内容：content 搜索：search

登陆：login 功能区：shop(如购物车，收银台)

当前：current

DIV+CSS命名小结：无论是使用“.”（小写句号）选择符号开头命名，还是使用“#”(井号)选择符号开头命名都无所谓，但我们最好遵循，主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名，同时考虑命名的CSS选择器在HTML中重复使用调用。

通常我们最常用主要命名有：wrap（外套、最外层）、header（页眉、头部）、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)

、content (内容区)、footer(页脚、底部)、logo（标志、可以配合h1标签使用）、banner（广告条，一般在顶部）、copyRight（版权）。其它可根据自己需要选择性使用。

DIVCSS5建议：主要的、重要的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名。

2.CSS样式文件命名如下

主要的 master.css

布局，版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css

css样式表名字有什么规则?

常用的CSS命名规则:

头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar

栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center

登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot

新闻：news 下载：download 子导航：subnav 菜单：menu

子菜单：submenu 搜索：search 友情：friendlink 页脚：footer

版权：copyright 滚动：scroll 内容：content 标签页：tab

文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title

加入：joinus 指南：guild 服务：service 注册：regsiter

状态：status 投票：vote 合作伙伴：partner

(二)注释的写法:

/* Footer */

内容区

/* End Footer */

(三)id的命名:

(1)页面结构

容器: container 页头：header 内容：content/container

页面主体：main 页尾：footer 导航：nav

侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper

左右中：left right center

(2)导航

导航：nav 主导航：mainbav 子导航：subnav

顶导航：topnav 边导航：sidebar 左导航：leftsidebar

右导航：rightsidebar 菜单：menu 子菜单：submenu

标题: title 摘要: summary

(3)功能

标志：logo 广告：banner 登陆：login 登录条：loginbar

注册：regsiter 搜索：search 功能区：shop

标题：title 加入：joinus 状态：status 按钮：btn

滚动：scroll 标签页：tab 文章列表：list 提示信息：msg

当前的: current 小技巧：tips 图标: icon 注释：note

指南：guild 服务：service 热点：hot 新闻：news

下载：download 投票：vote 合作伙伴：partner

友情：link 版权：copyright

(四)class的命名:

(1)颜色:使用颜色的名称或者16进制代码,如

.red { color: red; }

.f60 { color: #f60; }

.ff8600 { color: #ff8600; }

(2)字体大小,直接使用’font+字体大小’作为名称,如

.font12px { font-size: 12px; }

.font9pt {font-size: 9pt; }

(3)对齐样式,使用对齐目标的英文名称,如

.left { float:left; }

.bottom { float:bottom; }

(4)标题栏样式,使用’类别+功能’的方式命名,如

.barnews { }

.barproduct { }

关于css命名大全和css名称的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。