网页css文件那么庞大 都是手写的吗
一般一个像样的网站随便一个网页的css都是内容多的吓人，不知道这么庞大的文件都是手写的吗？》还是用DW能够自动生成？我知道一般入门的时候都是用手写，但是真正工作以后，在网...
一般一个像样的网站随便一个网页的css都是内容多的吓人，
不知道这么庞大的文件都是手写的吗？》还是用DW能够自动生成？
我知道一般入门的时候都是用手写，但是真正工作以后，在网页开发公司里，
的网页设计师对页面的布局和css都是怎么写的？？？ 展开
不知道这么庞大的文件都是手写的吗？》还是用DW能够自动生成？
我知道一般入门的时候都是用手写，但是真正工作以后，在网页开发公司里，
的网页设计师对页面的布局和css都是怎么写的？？？ 展开
展开全部
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生成+手写代码 这样比较快。
再有就是 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生成+手写代码 这样比较快。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以直接手写，也可以用可视化工具写，就像用C语言和visual C++一样，用手写是为了学习CSS，用工具写是为了加快设计速度。设计师用的全是CSS模块，不用每次都重新编写。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
网页css文件那么庞大 都是手写的，对于一些的大型网站来说，CSS的文件可能会比较多，不过前端都会将CSS文件去分类，一般每个文件中，大部分，都是公共的样式，而当然的样式不会很多，那样就提高浏览器的处理效率，也提高了文件的利用率，这里可以看下代码:
<html>
<head>
<style>
body{
width:960px; //限定网页的宽度
margin:0 auto;
boreder:1px solid #f00 //加个边框利于观察
}
div,p{
font-size:13px; //提前就设置好整个网页的div、p标签的文字大小和颜色。
color:#f00;
}
</style>
</head>
<body>
<p>我是测试文字</p>
</body>
</html>
<html>
<head>
<style>
body{
width:960px; //限定网页的宽度
margin:0 auto;
boreder:1px solid #f00 //加个边框利于观察
}
div,p{
font-size:13px; //提前就设置好整个网页的div、p标签的文字大小和颜色。
color:#f00;
}
</style>
</head>
<body>
<p>我是测试文字</p>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
