网页css文件那么庞大 都是手写的吗

html-css018

网页css文件那么庞大 都是手写的吗,第1张

DW能够自动生成css文件,不过自动生成的代码都是安装特定的格式写的,一些特殊的效果还是需要手写的。

再有就是 dw尽管能够生成css代码,不过也需要用鼠标在控制窗口里点来点去的。有的时候不一定有手写快。

dw手写代码 支持 提示功能(就是敲前几个字母 就出全部单词)熟练的也是很快的。

对于初学者 用dw的自动生成代码感觉是快。可是随着成长会发现 手写css 其实不慢。还更灵活。主要是灵活。而且能缩短 css 文件大小。

例如:设置背景

dw生成代码:(dw都是按照固定的格式生成代码)

background-image: url(../images/banner.gif)

background-image: url(../images/banner.gif)

background-repeat: no-repeat

background-position: center top

手写代码可以这样:

background: url(../images/banner.gif) no-repeat center top

===========================================

dw生成代码:(dw都是按照固定的格式生成代码

border-top-width: 1px

border-top-style: solid

border-top-color: #F4D8AA

手写代码可以这样:

border-top: 1px solid #F4D8AA

等等。

对于初学者可以用dw来生成代码。一方面解决项目中的问题,一方面方便学习了解css语法。

伴随这成长可以 dw生成+手写代码 这样比较快。

网页css文件那么庞大

都是手写的,对于一些的大型网站来说,CSS的文件可能会比较多,不过前端都会将CSS文件去分类,一般每个文件中,大部分,都是公共的样式,而当然的样式不会很多,那样就提高浏览器的处理效率,也提高了文件的利用率,这里可以看下代码:<html><head><style>body{width:960px

//限定网页的宽度margin:0

autoboreder:1px

solid

#f00

//加个边框利于观察}div,p{font-size:13px

//提前就设置好整个网页的div、p标签的文字大小和颜色。color:#f00}</style></head><body>

我是测试文字

</body></html>

肯定不是啊

手写css 就是直接在css编辑器里 输入各个属性 当然也是要靠编辑器的提示 或是自动补充之类的功能

但是和其他 填框框的 css写法 有所区别而已

手写的 效率更高 更准确 便于修改