English 中文(简体)
CSS作风标准?
原标题:Standard for CSS styles order?
  • 时间:2011-11-04 22:39:14
  •  标签:
  • css

是否有标准或最佳做法,可以按安全局要素风格分类? 我知道,这不是一项重大关切,但我要确信,我总是能够制定可读的法典,特别是对于有多种风格的要素。

例如:

#element {
    font-family: Arial;
    font-size: 8pt;
    color: #666666;
    border: 1px solid #ccc;
    position: relative;
    top: 5px;
    left: 5px;
}

#element 接着,在边境按行文顺序排列的风格。 是否有标准对这种顺序给予某种优先或重要地位? 例如,你是否按以下顺序排列:位置、文字风格、边界?

最佳回答

坦率地说,这oil倒了个人的偏好,但这里我的公约是:

相互看重的东西。 然后,利用白色空间将每个“群体”分开。 我在每一街区之后只打过“进入”。 对于其他风格,如“站式”、“左轮”等,我在主风格(如“定位”)之后将其放在一行。 我也倾向于将CSS3的特性作为任何特定块的最后风格。

有时,当我 m好时,我也倾向于松散地描述财产(按块)。 但是,这又是真正的偏好。

例例:

#element {
    color:black;        
    font-family:Arial;
    font-size:1.2em;
    font-weight:bold;
    text-transform:capitalize;
    text-shadow:0 1px 1px black;

    background-color:white;
    border-bottom:1px dotted gray;
    box-shadow:1px 1px 2px black;

    position:fixed;
    top:0; right:0;

    height:30px;
    width:245px;
}

我的两把pen!

问题回答

不同的人有不同的看法,我更喜欢用字母顺序进行分类。

之后,中心安全局本身可以被重新纳入结构化中心网页和具体内容网页。

结构上的中央支助事务是控制网页结构的机构。

良好的问题,不肯定有标准,但我倾向于采用的方法。

#element {
    layout,
    positioning,
    text style
    appearance
}

For example

#element {
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #333;
    text-indent: -9999px;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

如同所有编码方式一样,这并不重要。 内容一致。 如果你在团队中工作,你就应当商定什么最适合你们,而不是找到一种认为你需要适应的最佳公约。 这实际上是浪费时间。 同样,如果你正在从事将继承的项目,则遵守同样的公约,但做得最好。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签