css文件一般最多多少行

html-css017

css文件一般最多多少行,第1张

css文件对页面影响不大，就算是你写3万行也没太大影响，一般主要影响页面的是图片、动态脚本、flash动画、后台程序；如果你工作不负责后台的话，那你就注意切图的时候尽量把图片处理的小一些，能1px平铺的就平铺，能用代码实现的就尽量别用图片，页面的动态效果尽量少一些，或者说没太大必要的就别弄，至于flash动画，能用gif代替就尽量别用swf文件；

我一般写样式是不换行的，例如：

.divstyle{ color:#fffborder:1px solid redbackground:#000height:40px}

我习惯于这样写，这样能减少行数，一次能看到的样式数量会更多，比较方便于我修改；

很多人都习惯于下面这种写法，例如：

.divstyle{

color:#fff

border:1px solid red

background:#000

height:40px

}

这样的写法比较规整，看样式能够一目了然明白，只是行数太多了

你可以用JS根据标签名获取对应的标签，然后获取它们的length属性就可以了。比如，这样：

var  h4 = document.getElementsByTagName("h4").length

console.info("h4标签个数"+h4)

把这个代码放到页面最后，就知道整个页面的h4标签的个数，也就是使用次数啦。

如果你要同时获取多个标签数量，那么你就把几个标签写进一个数组里，遍历，依次输出个数。

var  tagArr = ["div","a","h4"]

for( var  i = 0  i<= tagArr.length-1  i++){

    var  tagNum = document.getElementsByTagName(tagArr[i] ).length

    console.info(tagArr[i]+"个数是"+tagNum  )

}

<li style="position:static"><div  style="position:absolutewidth:20px height:15px background-color:#FF0000 display:none z-index:1000top:0pxright:80px color:#FFFFFF" id=msgcount>0</div><a href="#this" onClick="tiaozhuan(4)" ><img src="images/bottom_hd.png" id="Image2" ></a></li>

我截取了部分代码.