书签 分享 收藏 举报 版权申诉 / 13

类型史上最全css命名规范英文命名.docx

  • 文档编号:25444259
  • 上传时间:2023-06-08
  • 格式:DOCX
  • 页数:13
  • 大小:32.85KB

#mainMenu{

width:

100%;

height:

30px;background:

url(images/mainMenu_bg.jpg)repeat-x;

}#mainMenuulli{float:

left;

line-height:

30px;margin-right:

1px;

cursor:

pointer;}

*******************************************************************************************

命名参考(来源网络)

常用的CSS命名规则:

头:

header

内容:

content/container

尾:

footer

导航:

nav

侧栏:

sidebar

栏目:

column页面外围控制整体布局宽度:

wrapper左右中:

leftrightcenter

user-list

命名全部使用小写字母,如果需要多个单词,单词间使用“-”分隔,比如

常用代码结构:

div:

主要用于布局,分割页面的结构

ul/ol:

用于无序/有序列表

span:

没有特殊的意义,可以用作排版的辅助,

例如

  • (4.23)天幻网六周年天幻网六周年天幻网六周年天幻网六
  • 然后在css中定义span为右浮动,实现了日期和标题分两侧显示的效果

    h1-h6:

    标题

    h1-h6根据重要性依次递减

    h1位最重要的标题

    label:

    为了使你的表单更有亲和力而且还能辅助表单排版的好东西,

    例如:

    密码

    fieldset&legend:

    fildset套在表单外,legend用于描述表单内容。

    例如:

    title

    密码

    dl,dt,dd:

    当页面中出现第一行为类似标题/简述,然后下面为详细描述的内容时应该使用该标签,

    例如

    什么是CSS?

    CSS就是一种叫做样式表(stylesheet)的技术。

    也有的人称之为层叠样式表(Cascading

    Stylesheet)。

    什么是XHTML?

    XHTM是一个基于XML的置标语言,看起来与HTML有些想像,只有一些小的但重要的

    区别。

    可以这样看,XHTML就是一个扮演着类似HTML勺角色的XML本质上说,XHTML是一个桥接(过渡)技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。

    C#content

    S#subcol

    M#maincol

    X#xcol

    这是纵向布局的XHTML吉构,c-smx表示网页有三个纵栏,c-sm表示有两个纵栏,c-mx表示有两个纵栏其中一个是附属的,c-m表示一个纵栏。

    其中在三纵栏的布局需要分为两层第一层是#subcol与#main第二层是#main中的#maincol与#xcol。

    自定义命名:

    根据w3c网站上给出的,最好是用意义命名

    比如:

    是重要的新闻高亮显示(像红色)

    有两种

    .red{color:

    red}

    .important-news{color:

    red}

    很显然第二种传达的意义更加明确,所以尽量不要用意义不明确的作为自己自定义的名字

    CSS命名规范

    DIVCSS名称说明

    网站公用相关

    Containerdiv#container容器

    Headerorbannerdiv#header页头部分

    Mainorglobalnavigationdiv#mainNav主导航

    Menu#menu菜单

    SubMenu#submenu子菜单

    Leftorrightsidecolumns#sidebarA,#sidebarB左边栏或右边栏

    Maindiv#main页面主体

    Contentdiv#content内容部分

    Themaincontentarea#contentMain主要内容区域

    Footerdiv#footer页脚部分

    Tag#tag标签

    Message#msg#message提示信息

    Tips#tips小技巧

    Vote#vote投票

    FriendLink#friendlink友情连接

    Title#title标题Summary#summary摘要Sub-navigationlist#subNavSearchinput#searchInputSearchoutput#searchOutputSearch#search搜索Searchresults#searchResults

    二级导航

    搜索输入框

    搜索输出和搜索结果相似

    搜索结果

    Copyrightinformation#copyright版权信息

    brand#branding商标

    branding-logo#brandingLogoLOGOSiteinformation#siteinfo网站信息

    Copyrightinformationetc.#siteinfoLegalDesignerorothercredits#siteinfoCredits

    法律声明信誉

    Joinus#joinus加入我们

    Partnershipopportunities#partner合作伙伴Services#service服务

    Regsiter#regsiter注册

    Status#status状态

    9、鼠标手势:

    在XHTML标准中,hand只被IE识别,当需要将鼠标手势转换为手形”时,则将hand”

    换为“pointer”,即“cursor:

    pointer;”

    配套讲稿:

    如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

    特殊限制:

    部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

    关 键  词:
    史上最全 css 命名 规范 英文
    提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:史上最全css命名规范英文命名.docx
    链接地址:https://www.bdocx.com/doc/25444259.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    copyright@ 2008-2022 冰点文档网站版权所有

    经营许可证编号:鄂ICP备2022015515号-1

    收起
    展开