当前位置:首页 > 日记 > 正文

CSS命名规范完整记录

CSS命名规范完整记录
本文主要总结了css命名规范,非常全面,非常详细,并推荐给想学习CSS的年轻伙伴。
当我们开发css(XHTML)页面时,更令人困惑和纠结的是CSS命名,尤其是那些不知道名称和名称的初学者。

命名规则解释:

1)所有的命名法都是最好的。

2),该属性的值必须用双引号(),必须重视class=divcss5

3)每一个标签都要有开头和结尾,并且有正确的级别,排版整齐整齐。

4),空元素应该有标记的结束或标记开始后添加

5),表现为从结构上完全分离,并且代码不涉及任何表示元素,如风格、字体、背景颜色、边框、等。

6)定义应遵循从大到小的原则,反映文档的结构,有利于搜索引擎。

7),向每个窗体和窗体添加唯一的结构ID。

8),将alt标记添加到图片中

9)尽可能多地使用英语的命名原则。

10)、不要把尽可能多的,除非你看到的理解的话。

CSS样式被命名为Web页面外层的一个重要部分:

外套裹------------------头头头----------------为主要------------主要内容主要内容(中央)左主干、左-------------右主权-----------在布局导航-----------------网页导航菜单导航栏内容---------------左侧右侧网页为主体底部的页脚-----------------底

命名参考表:

以下是CSS样式命名和CSS文件命名引用表,以及命名为集合的div CSS:

CSS样式命名

解释
网页的公共命名

#包装
控制页面外的布局宽度

#容器或#内容
容器,用于最外层

#布局
布局

#头,#头
标题部分

#脚,#页脚
页脚

#资产净值
主导航

#子导航
两级导航

#菜单
菜单

#子菜单
子菜单

#边栏
侧栏

# sidebar_a,# sidebar_b
左右侧边栏

#主要
页体

#标签
标签

#味精#消息
提示信息

#小贴士
小丑

#投票
投票

#链接
友情链接

#标题
标题

#总结
摘要

#登录条:
登录吧

# searchinput
搜索输入框

#热
热点

#搜索
搜索

# search_output
搜索输出与搜索结果相似。

#搜索栏
搜索栏

# search_results
搜索结果

#版权
版权信息

#品牌
商标

#罗
网站标识

#网站信息
网站信息

# siteinfolegal
法律声明

# siteinfocredits
名声

#加入我们
加入我们

#伙伴
合作伙伴

#服务
服务

#注册
登记

ARR /箭头
箭头

#协会
指导

#地图
网站地图

#列表
列表

#主页
首页

#子页
二级页面页面

#工具,#工具栏
工具条

#滴
下拉

# dorpmenu
下拉菜单

#状态
状态

#滚动



标签页

left.right.center。
左,中,右

。新闻
新闻

。下载
下载

旗帜。
广告栏(顶级广告)

电子贸易相关

产品。
产品

products_prices。
产品价格

products_description。
产品描述

products_review。
产品评论

editor_review。
编辑评论

news_release。
最新产品

出版人。
制造商

。截图
缩略图

。常见问题
常见的问题

。关键词
关键词

。的博客
博客

论坛
论坛

CSS文件命名

解释
Master.css,style.css


module.css
模块化

Base.css
基本的共享

layout.css
布局,布局

themes.css
主题

columns.css
专栏

font.css
文字和字体

forms.css
形式

mend.css
补丁

打印样式
打印

相关文章

如何excel2010插入迷你图excel2010

如何excel2010插入迷你图excel2010

教程,迷你,电脑软件,我们经常使用Excel图表,图表会占用大量的细胞,有没有办法让什么是只有一个细胞在图中所示的是一些excel2010最新版本有此功能,被称为迷你图,;;让带领大家看看如何在excel2010插入迷你图表! 第一步,首先,打开Excel表格,然后点击鼠…

PS图象处理软件如何对修改文本

PS图象处理软件如何对修改文本

文本,修改,图象,处理软件,电脑软件,有时我们不喜欢我们找到的材料,或者一些墙纸,想替换图片上的文字并添加你喜欢的文字。我们应该怎样操作 有时我们发现素材图片或一些壁纸上面的文字是不爱的,想把上面的图片替换一下,加上自己喜欢的文字,那么…

如何替换AI引导界面的文本

如何替换AI引导界面的文本

引导界面,文本,替换,电脑软件,AI,如何替换AI引导界面的文本你想用AI启动界面的文本做些什么来替换更有意义的单词找到它的启动画面,然后在图像编辑软件中处理所需的图片,可以将引导界面的文本更改为要添加的文本,并在下面共享详细的解决方案。…

PS图象处理软件跟踪美与黑暗的中性

PS图象处理软件跟踪美与黑暗的中性

跟踪,图象,处理软件,黑暗,红棕色,均匀材质图片主色,直接得到色彩的效果,中性色调饱和度降低,主色调贴图饱和度,然后曲线增加一点暗暗红色,呈现一些局部高光,并能增加明暗对比度。 均匀材质图片主色,直接得到色彩的效果,中性色调饱和度降低,主色调贴…

PS图象处理软件制作漂亮的透明文字

PS图象处理软件制作漂亮的透明文字

文字,透明,图象,处理软件,漂亮,本教程介绍给朋友,用PS图象处理软件做漂亮的透明文字简单。教程生成的文本很漂亮,难度也不是很大。建议大家一起学习。 你怎么能在网上看到很多透明的或透明的图片呢很简单。下面我将教你用PS图象处理软件做漂…

PS图象处理软件如何使用自动批量处

PS图象处理软件如何使用自动批量处

批量处理,如何使用,图象,处理软件,电脑软件,如何使用PS图象处理软件的自动切割的能力吗我需要扫描身份证、帐本等,然后上传或存储扫描,一个接一个,太麻烦了;要一起打扫,人们得要求一份文件和一张照片对应,我该怎么办下面的教程分享PS图象处理软件…

2015流行的QQ个性签名

2015流行的QQ个性签名

流行,个性签名,电脑软件,QQ,这2015个QQ个性签名是专门为你安排的一个小编辑,希望能对你有所帮助! 有些会写字的孩子很不快乐,他们逃避了文字,在话语中飞翔,找到了自己的幸福,却失去了很久,无法面对现实。 过去的一页,不能转动,不要转动,落下的灰尘会…

PS图象处理软件CC安装教程可供PS图

PS图象处理软件CC安装教程可供PS图

新功能,安装教程,图象,处理软件,可供,我相信有很多朋友不太了解PS图象处理软件CC 2015。今天,小编辑PS图象处理软件将CC 2015的新功能,感兴趣的朋友可以看看吧 我相信有很多朋友不太了解PS图象处理软件CC 2015。今天,小编辑PS图象处理软件将CC…

excel函数从ID号中提取信息操作方

excel函数从ID号中提取信息操作方

函数,操作方法,电脑软件,excel,ID,Excel的功能非常强大。在一个单位的各种人事管理形式,有必要的个人信息,如身份证号码、出生日期、性别。利用Excel的函数功能,可以提取出生和性别直接从身份证号码信息的日期,然后介绍具体的操作方法提取出生…

PHP使用jpgraph绘制复杂的X-Y坐标

PHP使用jpgraph绘制复杂的X-Y坐标

方法,绘制,标的,电脑软件,PHP,本文阐述了PHP使用jpgraph绘制复杂的X-Y坐标的方法,分享给你参考。具体实现的方法如下: 包括(src / JpGraph .php); 包括(src / jpgraph_line .php); 1美元=阵列(19,23,34,38,45,67,71,78,85,87,90,96); / /阵列的第一曲…

WPS文本常用快捷键WPS文本教程

WPS文本常用快捷键WPS文本教程

文本,教程,常用快捷键,电脑软件,WPS,本WPS文本是常用的快捷键书,是专门为大家安排的,希望对你有所帮助! 创建一个新的文档:Ctrl + N或Alt + N(对应新的) 打开文档,可以是O + O或alt(对应于打开) 关闭文档Ctrl+W或Alt + C + C 保存当前文档Ctrl + S或…

ps快速掩模和层掩模使用方法

ps快速掩模和层掩模使用方法

使用方法,快速,电脑软件,ps,层掩模,在PS掩模的应用相当广泛,和面膜最大的特点就是可以反复修改,但它不会影响任何结构的层。下面小编介绍PS快速蒙版的方法,使用层遮罩的版本,不懂的朋友可以来参考一下,希望能帮助你 掩模是图像合成的重要工具。…