精华内容
下载资源
问答
  • H5语义标签和命名规范一、在HTML5中的语义标签:二、命名规范: 一、在HTML5中的语义标签: 1、<thead></thead>:表示表格的头部 2、<tbody></tbody>:表示表格的主体 3、<header>&...

    一、在HTML5中的语义标签:

    1、<thead></thead>:表示表格的头部
    
    2、<tbody></tbody>:表示表格的主体
    
    3、<header></header>:表示页面的头部
    
    4、<nav></nav>:表示导航栏
    
    5、<footer></footer>:表示页面或区域的底部
    
    6、<article></article>:表示页面中独立的文档内容
    
    7、<section></section>:用于对页面内容进行分块
    
    8、<aside></aside>:表示页面的附属信息(侧边栏、广告等)
    

    二、命名规范:

    1、避免使用中文命名

    2、不能以数字开头

    3、不能占用关键字

    4、用最少的字母达到最好理解的意义(见名知义)

    5、驼峰式命名:除第一个单词之外,其他单词首字母大写

    6、帕斯卡命名:每个单词之间用"_"连接

    7、CSS文件的命名:

    样式 命名
    主样式文件 master.css
    模块样式 module.css
    字体样式 font.css
    基本样式 base.css
    布局样式(版面) layout.css
    表单样式 forms.css
    展开全文
  • CSS技巧:规范的css命名有利于段对的...1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 本人建议...

    CSS技巧:规范的css命名有利于段对的协作和日后的维护,以及代码的重用,既然有诸多好处,下面整理一份CSS文件和样式命名规范,仅供参考。


    一、CSS文件及样式命名

    1、CSS文件命名规范

    全局样式:global.css;

    框架布局:layout.css;

    字体样式:font.css;

    链接样式:link.css;

    打印样式:print.css;

    2、CSS样式命名规范

    本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间,例如:

    头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样——box _1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列),其它的我就不一一举例了,大家按以上规律去命名就好。

    下面列出一些常用的命名单词方便大家使用:(以后大家工作过程中慢慢把自己积累的单词都共享出来,那大家的命就会更加统一了,就不会有一义多词的情况了。)

    容 器:container/box

    头 部:header

    主 导 航:mainNav

    子 导 航:subNav

    顶 导 航:topNav

    网站标志:logo

    大 广 告:banner

    页面中部:mainBody

    底 部:footer

    菜 单:menu

    菜单内容:menuContent

    子 菜 单:subMenu

    子菜单内容:subMenuContent

    搜 索:search

    搜索关键字:keyword

    搜索范围:range

    标签文字:tagTitle

    标签内容:tagContent

    当前标签:tagCurrent/currentTag

    标  题:title

    内 容:content

    列 表:list

    当前位置:currentPath

    侧 边 栏:sidebar

    图 标:icon

    注 释:note

    登 录:login

    注 册:register

    列 定 义:column_1of3 (三列中的第一列)

    column_2of3 (三列中的第二列)

    column_3of3 (三列中的第三列)

    二、id和class的使用及区别

    我们知道在样式表定义一个样式的时候,可以定义id也可以定义class,例如:

    ID方法:#test{color:#333333},在页面中调用<div id="test">内容<div>

    CLASS方法:.test{color:#333333},在页面中调用<div class="test">内容<div>

    id一个页面只可以使用一次,class可以多次引用。

    我在页面中用了多个相同id在IE中显示也正常,id和class好象没什么区别,用多个相同id有什么影响吗?

    页面存在多个相同的ID影响就是不能通过W3的校验。

    在页面显示上,目前的浏览器还都允许你犯这个错误,用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div,那就会出现错误。

    id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;

    class是一个样式,可以套在任何结构和内容上,就象一件衣服;

    概念上说就是不一样的:

    id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

    也就是说建议大家在写XHML+CSS时如果是维一的结构定位的就用id,否则就用class吧(这样让出非结构定位的div块的id让程序员自己定义使用)

    web标准希望大家用严格的习惯来写代码。

    三.使用css缩写

    使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。常用的css缩写的主要规则:

    颜色

    16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:

    #000000可以缩写为#000;#336699可以缩写为#369;

    盒尺寸

    通常有下面四种书写方法:

    property:value1; 表示所有边都是一个值value1;

    property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

    property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3

    property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

    方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下:

    margin:1em 0 2em 0.5em;

    边框(border)

    边框的属性如下:

    border-width:1px;

    border-style:solid;

    border-color:#000;

    可以缩写为一句:border:1px solid #000;

    语法是border:width style color;

    背景(Backgrounds)

    背景的属性如下:

    background-color:#f00;

    background-image:url(background.gif);

    background-repeat:no-repeat;

    background-attachment:fixed;

    background-position:0 0;

    可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0;

    语法是background:color image repeat attachment position;

    你可以省略其中一个或多个属性值,如果省略,该属性值将用浏览器默认值,默认值为:

    color: transparent

    image: none

    repeat: repeat

    attachment: scroll

    position: 0% 0%

    字体(fonts)

    字体的属性如下:

    font-style:italic;

    font-variant:small-caps;

    font-weight:bold;

    font-size:1em;

    line-height:140%;

    font-family:"Lucida Grande",sans-serif;

    可以缩写为一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

    注意,如果你缩写字体定义,至少要定义font-size和font-family两个值。

    列表(lists)

    取消默认的圆点和序号可以这样写list-style:none;

    list的属性如下:

    list-style-type:square;

    list-style-position:inside;

    list-style-image:url(image.gif);

    可以缩写为一句:list-style:square inside url(image.gif);

    更多属性写法请参考《CSS样式手册》,在线手册地址:http://www.86w3.com/css/

    四、明确定义单位,除非值为0

    忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。

    五、区分大小写

    当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。

    class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签是一致的。

    六、取消class和id前的元素限定

    当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,class可以在页面中多次使用。你限定某个元素毫无意义。例如:

    div#id1{}可以写成#id1{}

    这样可以节省一些字节。

    七、默认值

    通常padding和margin的默认值为0,background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突,可以在样式表一开始就先定义所有元素的margin和padding值都为0,象这样:

    * {

    padding:0;

    margin:0

    }

    或者是针对某元素来定义:

    ul,li,div,span {

    padding:0;

    margin:0

    }

    展开全文
  • CSS样式命名规范

    千次阅读 2012-06-18 22:48:03
    1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 本人建议:用字母、_号工、-号、数字组成,必须...

    一、CSS文件及样式命名

    1、CSS文件命名规范

    全局样式:global.css;
    框架布局:layout.css;
    字体样式:font.css;
    链接样式:link.css;
    打印样式:print.css;

    2、CSS样式命名规范

    本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间,例如:

    头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样——box _1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列),其它的我就不一一举例了,大家按以上规律去命名就好。

    下面列出一些常用的命名单词方便大家使用:(以后大家工作过程中慢慢把自己积累的单词都共享出来,那大家的命就会更加统一了,就不会有一义多词的情况了。)

    容 器:container/box
    头 部:header
    主 导 航:mainNav
    子 导 航:subNav
    顶 导 航:topNav
    网站标志:logo
    大 广 告:banner
    页面中部:mainBody
    底 部:footer
    菜 单:menu
    菜单内容:menuContent
    子 菜 单:subMenu
    子菜单内容:subMenuContent
    搜 索:search
    搜索关键字:keyword
    搜索范围:range
    标签文字:tagTitle
    标签内容:tagContent
    当前标签:tagCurrent/currentTag
    标  题:title
    内 容:content
    列 表:list
    当前位置:currentPath
    侧 边 栏:sidebar
    图 标:icon
    注 释:note
    登 录:login
    注 册:register
    列 定 义:column_1of3 (三列中的第一列)
    column_2of3 (三列中的第二列)
    column_3of3 (三列中的第三列)

    二、id和class的使用及区别

    我们知道在样式表定义一个样式的时候,可以定义id也可以定义class,例如:

    ID方法:#test{color:#333333},在页面中调用<div id="test">内容<div>

    CLASS方法:.test{color:#333333},在页面中调用<div class="test">内容<div>

    id一个页面只可以使用一次,class可以多次引用。

    我在页面中用了多个相同id在IE中显示也正常,id和class好象没什么区别,用多个相同id有什么影响吗?

    页面存在多个相同的ID影响就是不能通过W3的校验。

    在页面显示上,目前的浏览器还都允许你犯这个错误,用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div,那就会出现错误。

    id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;

    class是一个样式,可以套在任何结构和内容上,就象一件衣服;

    概念上说就是不一样的:

    id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

    也就是说建议大家在写XHML+CSS时如果是维一的结构定位的就用id,否则就用class吧(这样让出非结构定位的div块的id让程序员自己定义使用)

    web标准希望大家用严格的习惯来写代码。

    三.使用css缩写

    使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。常用的css缩写的主要规则:

    颜色

    16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:

    #000000可以缩写为#000;#336699可以缩写为#369;

    盒尺寸

    通常有下面四种书写方法:

    property:value1; 表示所有边都是一个值value1;

    property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

    property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3

    property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

    方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下:

    margin:1em 0 2em 0.5em;

    边框(border)

    边框的属性如下:

    border-width:1px;

    border-style:solid;

    border-color:#000;

    可以缩写为一句:border:1px solid #000;

    语法是border:width style color;

    背景(Backgrounds)

    背景的属性如下:

    background-color:#f00;

    background-image:url(background.gif);

    background-repeat:no-repeat;

    background-attachment:fixed;

    background-position:0 0;

    可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0;

    语法是background:color image repeat attachment position;

    你可以省略其中一个或多个属性值,如果省略,该属性值将用浏览器默认值,默认值为:

    color: transparent

    image: none

    repeat: repeat

    attachment: scroll

    position: 0% 0%

    字体(fonts)

    字体的属性如下:

    font-style:italic;

    font-variant:small-caps;

    font-weight:bold;

    font-size:1em;

    line-height:140%;

    font-family:"Lucida Grande",sans-serif;

    可以缩写为一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

    注意,如果你缩写字体定义,至少要定义font-size和font-family两个值。

    列表(lists)

    取消默认的圆点和序号可以这样写list-style:none;

    list的属性如下:

    list-style-type:square;

    list-style-position:inside;

    list-style-image:url(image.gif);

    可以缩写为一句:list-style:square inside url(image.gif);

    更多属性写法请参考《CSS样式手册》,在线手册地址:http://www.86w3.com/css/

    四、明确定义单位,除非值为0

    忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。

    五、区分大小写

    当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。

    class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签是一致的。

    六、取消class和id前的元素限定

    当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,class可以在页面中多次使用。你限定某个元素毫无意义。例如:

    div#id1{}可以写成#id1{}

    这样可以节省一些字节。

    七、默认值

    通常padding和margin的默认值为0,background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突,可以在样式表一开始就先定义所有元素的margin和padding值都为0,象这样:

    * {

    padding:0;

    margin:0

    }

    或者是针对某元素来定义:

    ul,li,div,span {

    padding:0;

    margin:0

    }

    八、CSS的优先级


    行内样式(inline style) > ID选择符 > 样式(class),伪类(pseudo-class)和属性(attribute)选择符 > 类别(type),伪对象(pseudo-element)

    解释:

    *内联样式(inline style):元素的style属性,比如 <div style="color:red;"></div> ,其中的color:red;就是行内样式

    *ID选择符:元素的id属性,比如 <div id="content"></div> 可以用ID选择符#content

    *伪类(pseudo-class):最常见的是锚(a)伪类,比如a:link,a:visited.

    *属性选择符(attribute selectors):比如div[class=demo],含有class为demo的div元素

    *类别选择器(type selector):HTML标签选择,比如div .demo,div元素下含有class为demo的元素

    *伪对象选择器(pseudo-element selector):比如div:first-letter,div元素下的第一个单词。

    九、不需要重复定义可继承的值

    CSS中,子元素自动继承父元素的属性值,象颜色、字体等,已经在父元素中定义过的,在子元素中可以直接继承,不需要重复定义,除非是为了更变当前元素样式不使用父元素的属性值,但是要注意,浏览器可能用一些默认值覆盖你的定义。

    十.多重CSS样式定义,属性追加重复最后优先原则

    一个标签可以同时定义多个class,也可以是同一个class中重复定义属性。例如:

    我们先定义两个样式

    .one{width:200px;background:url(http://www.51xuediannao.com/1.jpg) no-repeat left top;}

    .two{border:10px solid #000; background:url(http://www.51xuediannao.com/2.jpg) no-repeat left top;}

    在页面代码中,我们可以这样调用:

    <div class=one two></div>

    这样最终的显示效果是这个div样式是什么呢??重复的是以哪一个为准呢??

    <div class=one two></div>应用到的样式如下:

    width:200px;

    border:10px solid #000;

    background:url(http://www.51xuediannao.com/2.jpg) no-repeat left top;

    因为,当应用两个或多个样式时,浏览器所应用的样式根据是属性追加重复最后优先原则

    就是说两个或多个或重复的样式名定义,浏览器所应用的样式是按先后顺序的,如果定义了重复的属性值,以最后定义的为准,如果应用了两个或多个样式名,里面不重复定义的属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。

    十一、使用子选择器(descendant selectors)

    使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码:

    <div id=subnav>

    <ul>

    <li class=subnavitem> <a href="http://www.51xuediannao.com/" class=subnavitem>Item 1</a></li>>

    <li class=subnavitemselected> <a href="http://www.51xuediannao.com/" class=subnavitemselected> Item 1</a> </li>

    <li class=subnavitem> <a href="http://www.51xuediannao.com/" class=subnavitem> Item 1</a> </li>

    </ul>

    </div>

    这段代码的CSS定义是:

    div#subnav ul { }

    div#subnav ul li.subnavitem { }

    div#subnav ul li.subnavitem a.subnavitem { }

    div#subnav ul li.subnavitemselected { }

    div#subnav ul li.subnavitemselected a.subnavitemselected { }

    你可以用下面的方法替代上面的代码

    <ul id=”subnav”>

    <li> <a href="http://www.51xuediannao.com/#>" Item 1</a> </li>

    <li class=sel> <a href="http://www.51xuediannao.com/#>" Item 1</a> </li>

    <li> <a href="http://www.51xuediannao.com/#>" Item 1</a> </li>

    </ul>

    样式定义是:

    #subnav { }

    #subnav li { }

    #subnav a { }

    #subnav .sel { }

    #subnav .sel a { }

    用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。

    如果一个容器里有多个同样的元素,而且这些元素样式都不一样,请避免用这个方式,建以采用不同的class如:

    <ul class=”one”><li></li></ul>

    <ul class=”tow”><li></li></ul>

    十二、不需要给背景图片路径加引号

    为了节省字节,我建议不要给背景图片路径加引号,因为引号不是必须的。例如:

    background-image:url(“images

    margin:0 auto;

    }

    但是IE5/Win不能正确显示这个定义,我们采用一个非常有用的技巧来解决:用text-align属性。就象这样:

    body {

    text-align:center;

    }

    #wrap {

    width:760px;

    margin:0 auto;

    text-align:left;

    }

    第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ,第二个text-align:left;是将#warp中的文字居左。

    十七.导入(Import)和隐藏CSS

    因为老版本浏览器不支持CSS,一个通常的做法是使用@import技巧来把CSS隐藏起来。例如:

    @import url(main.css);

    然而,这个方法对IE4不起作用,这让我很是头疼了一阵子。后来我用这样的写法:

    @import main.css;

    这样就可以在IE4中也隐藏CSS了,呵呵,还节省了5个字节呢。想了解@import语法的详细说明,可以看这里《centricle’s css filter chart》

    十八、CSS hack

    有些时候,你需要对IE浏览器的bug定义一些特别的规则,这里有太多的CSS技巧(hacks),我只使用其中的两种方法,不管微软在即将发布的IE7 beta版里是否更好的支持CSS,这两种方法都是最安全的。

    1.注释的方法
    (a)在IE中隐藏一个CSS定义,你可以使用子选择器(child selector):

    html>body p {

    }

    (b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)

    * html p {

    }

    (c)还有些时候,你希望IE/Win有效而IE/Mac隐藏,你可以使用反斜线技巧:

    * html p {

    declarations

    }

    (d)下面这个写法只有IE7浏览器可以理解(对其他浏览器都隐藏)

    *+ html p {

    }

    2.条件注释(conditional comments)的方法
    另外一种方法,我认为比CSS Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式,而不影响主样式表的定义。就象这样:

    <!--[if IE]>
    < link rel=stylesheet type=text/css href="http://www.51xuediannao.com/ie.css" />
    < ![endif]-->

    还有更多的CSS hack大家可以通过网上找找,但是有很多hack都是不符合w3c标准的,本人根据以上的hack写了一个能区分IE6、IE7、FF的样式,而且可以符合w3c标准,代码如下:

    .classname {width:90px!important;width:100px;}

    *+html .classname {width:95px!important;}

    这样写后在IE6下宽是100px,IE7下是95px,火狐下是90px。

    十九.调试技巧:层有多大?

    当调试CSS发生错误,你就要象排版工人,逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色,这样就能很明显看到层占据多大空间。有些人建议用border,一般情况也是可以的,但问题是,有时候border 会增加元素的尺寸,border-top和boeder-bottom会破坏纵向margin的值,所以使用background更加安全些。

    另外一个经常出问题的属性是outline。outline看起来象boeder,但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性,我所知道的只有Safari、OmniWeb、和Opera。

    二十、CSS代码书写样式

    在写CSS代码的时候,对于缩进、断行、空格,每个人有每个人的书写习惯。在经过不断实践后,我决定采用下面这样的书写样式:

    .classname {
    width:100px;
    }

    当使用联合定义时,我通常将每个选择器单独写一行,这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格,每个定义也单独写一行,分号直接在属性值后,不要加空格。

    我习惯在每个属性值后面都加分号,虽然规则上允许最后一个属性值后面可以不写分号,但是如果你要加新样式时容易忘记补上分号而产生错误,所以还是都加比较好。

    最后,关闭的大括号}单独写一行。空格和换行有助与阅读

    from  http://www.51xuediannao.com/html+css/htmlcssjq/107_3.html

    展开全文
  • css样式文件命名规范

    千次阅读 2016-04-19 09:19:00
    样式文件命名规范主要 master.css, style.css, main.css 布局 layout.css 专栏 columns.css 文字 font.css 打印 print.css 主题 themes.css 附加 attach.css 模块 module.css 基本共用 base.css 布局,版面...

    样式文件命名规范

    主要 master.css, style.css, main.css
    布局 layout.css
    专栏 columns.css
    文字 font.css
    打印 print.css
    主题 themes.css
    附加 attach.css
    模块 module.css
    基本共用 base.css
    布局,版面 layout.css
    主题 themes.css
    专栏 columns.css
    表单 forms.css
    补丁 mend.css
    CSS ID 的命名
    页头: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
    外 套:wrap
    主导航:mainnav
    子导航:subnav
    页 脚:footer
    整个页面:content
    页 眉:header
    页 脚:footer
    商 标:label
    标 题:title
    主导航:mainbav(globalnav)
    顶导航:topnav
    边导航:sidebar
    左导航:leftsidebar
    右导航:rightsidebar
    旗 志:logo

    作者:头条号 / PHP爱好者
    链接:http://toutiao.com/a6274827797689008386/
    来源:头条号(今日头条旗下创作平台)
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    展开全文
  • 一份CSS文件和样式命名规范 CSS技巧:规范的css命名有利于段对的协作...1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css;
  • CSS常用命名规范

    2020-08-14 08:33:00
    常用的CSS命名规范有 : 文本命名规范,页面结构命名规范,导航命名以及功能命名等。接下来在文章中分享一些CSS中常用的命名规范,希望对大家有所帮助。 文本命名规范 index.css: 一般用于首页建立样式 head.css: ...
  • CSS命名规范

    千次阅读 2019-12-04 15:38:46
    CSS命名规范目录样式文件命名规范CSS命名规范 样式文件命名规范 全局样式 reset.css 框架布局 layout.css 外观样式 base.css 页面样式 page.css 打印样式 print.css CSS命名规范 CSS样式名 说明 ...
  • 1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 本人建议:用字母、_号工、-号、数字组成,必须...
  • CSS文件和样式命名规范,网上再录的,对于做网页挺有帮助
  • css命名规范

    2012-11-02 16:59:08
    Css文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 二.常用类/ID命名规范 页 眉:header 内 容:content 容 器:...
  • CSS 命名规范

    2020-09-02 20:29:15
    CSS命名由小写的英文单词或组合命名,单词与单词之间通过“-”连接,常用的CSS命名规范有文本命名规范,页面结构命名规范,导航命名以及功能命名等。 CSS 命名一般采用小写英文单词或组合命名,单词与单词之间以"-...
  • 我们在设计和制作网页的过程中,对于网页命名规范和CSS命名...文件命名规范    全局样式:global.css;  框架布局:layout.css;  字体样式:font.css;  链接样式:link.css;  打印样式:print.css
  • CSS命名及书写规范

    2021-01-31 11:52:26
    一、CSS文件命名规范 全局样式:global.css 框架布局:layout.css 字体样式:font.css 链接样式:link.css 打印样式:print.css 二、常用类/ID命名规范 页 眉:header 内 容:content 容 器:container 页 脚...
  • css命名规范

    2010-04-20 14:13:00
    文件命名规范全局样式:global.css;框架布局:layout.css;字体样式:font.css;链接样式:link.css;打印样式:print.css;二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer版...
  • css之 16、css命名规范及项目文件目录 1. css命名规范 必须使用英文开头,并且开头字母一律小写; 所有的命名最好都小写; 尽量不要用缩写英,除非可以一目了然的; 如果遇到相差不大class或者id,主功能识别...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 694
精华内容 277
关键字:

css文件命名规范