在制作html页面时,在制作Xhtml页面时是先写HTML代码还是先写CSS代码

满意答案

junxiu_love

推荐于 2017.12.16

带着这个问题我们将来讲解到底先写CSS好还是先写html。网上有很多种对此的答案：先写HTML后写CSS；先写CSS后写HTML；两者同时写。我在平时做html页面是选择的两者同时进行，首先先建立好网站大致目录文件，如imges:存放页面图片；js：存放JS脚本语言，而CSS文件我建议直接放到images文件夹里，这样好处以免，在调用图片背景时候把图片路径搞错了，再是就是方便维护图片名称；自然html页面则放到根目录下。然后我们先写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。其中头部、中间、底部基本都是大概页面的通用部分，大部分网页都是由这3个大部分组成。我们把这些部分用ID或class命名好后，再到css样式文件里写对应的css样式属性。而在css写前我们要把全局全站的div、h1、h2、字体、字体大小、li等等样式定义好这里不就不详细讲了，这样以来就不用每次新做网站的时候而重新定义，而直接拷贝通用的基本CSS样式定义模板即可使用。一般在制作DIV+CSS的时候新手最好是同时进行html与CSS，这样可以减少错误。在制作中如果经验不是很好的时候，希望在制作过程中多种不同的品牌版本浏览器中测试是否兼容有没有出现在这个浏览器中显示正常，而在另外浏览器却出现显示不全错乱等。从而解决和了解掌握基本兼容问题，积累宝贵的DIV+CSS技术经验，并习惯做上笔记，以免日后忘记。下面我们了解下先写html然后再写css：为什么说有些有经验者对新手说我们不可能一次性把HTML部分写好呢？因为人都是可能犯错误的，可能你的想法写的过程就是有问题的，或者为了浏览器的兼容性问题，有些是你由于经验的不足没有提前预料到，所以当你写样式时发现了问题时就有可能要改动你的HTML的代码。如果先把html写好后可能页面大了后，会忘记你在html中想到的对css属性布局选择。接着我们了解下先写CSS然后再写html：对应有经验的CSS制作者来说，这种是比较有可行性的比起先写html后写css来说。为什么呢？我们知道CSS的继承父级属性特点是相当好，这样以来我们可以通过这点来先写CSS。但是对于新手来说不能这样，如果你先写好CSS后在回到html页面写是回头看你写的css及会忘记怎么调用选择了，因对CSS兼容问题没有经验而同时这样兼容性也相当差。而有经验者通过父级继承特点来排版css文件代码，而返回html时调用CSS中class类和id时很清楚不容易出错。通过以上对先后的写法都作出了介绍与解释，但是值得说的一般制作页面时候我们通常是采用两者同时进行+浏览器测试进行。两者同时或半先写css再写html或相反的半先写html再写css是非常好的，这样不容易出错，以免出错后浪费时间修改。以上的说法不一定完全是正确但是通过以上想告诉DIV+CSS制作开发者，无论是先写html还是先写CSS这个并不重要，重要是你对div+css的喜爱加在日常不停的练习，你也可以HTML/CSS同时进行，都是可以的，看你的习惯。但你开发制作多了自然会总结出适合自己，而开发快的方法来。

00分享举报

在制作html页面时,在制作Xhtml页面时是先写HTML代码还是先写CSS代码相关推荐

CSS3干货11：页面中的公共CSS代码
一.什么是公共 CSS 我的理解是:任何一个页面都用会到的 CSS 代码. "任何一个页面"的说法可能有点夸张,因为很多开发者都有自己的一些偏好设置.不管怎么说,一个成熟的前端开发 ...
[html] 制作一个页面时，需要兼容PC端和手机端，你是要分别做两个页面还是只做一个页面自适应？为什么？说说你的理由
[html] 制作一个页面时,需要兼容PC端和手机端,你是要分别做两个页面还是只做一个页面自适应?为什么?说说你的理由两个页面 pc端布局和交互行为跟移动端不一样, 两个页面反而更好维护个人简介 ...
html关于拖放叙述错误,CIW页面设计与制作HTML附答案
其中的bordercolor="blue" 指的是 A . 边框之间的间距的颜色蓝色 B．边框宽度为1厘米 C．边框的颜色为蓝色 D．单元格的间距颜色 5. 下列对 CSS单 ...
html5页面学生作品,最完整长页面H5制作教程来啦！
当我们制作宣传页的时候,往往一页是不够用的,通常都需要添加好几个页面,但是在画面以及内容的表现上总是会出现细微的断层,这个时候总是会想:要是能够一个页面一直制作下去就好了,长页面H5就可以做到! 在众 ...
CIW认证题库-页面设计与制作
单选题 1.对于CSS理解正确的是( D ) D.以上全部都正确 2.对于"行为"概念的说法正确的是:( ) D行为代码是客户端JavaScript代码,不在服务器中而是运行 ...
JavaScript网页制作--五秒后自动跳转页面
JavaScript网页制作–五秒后自动跳转页面通常在浏览一些网站时,会出现网页不存在的情况,网页不存在之后,有些网站会在5秒后自动跳转到一个新的网页,比如网站的首页.可以利用定时器和locatio ...
制作html5页面的软件,制作h5页面的软件
原标题:制作h5页面的软件制作h5页面的软件有很多,今天我们以一款非常容易上手的软件来给大家分享制作的过程. 为了展现更多的长页面设置过程,本教程中的完成效果与步骤中采用图片并不一致.您在制作自己的 ...
php制作网页教程pdf,php中pdf页面制作方法
FPDF即"Free PDF",FPDF类库提供了基本的PDF创建功能,其源代码和使用权是免费的.本文主要和大家分享php中pdf页面制作方法,希望能帮助到大家. PDF格式文档优 ...
vue设置右边距_利用页面布局设置制作工资条（不用函数）
利用页面布局设置制作工资条(不用函数) 彭怀文第一节和第二节分别讲了使用函数或排序的办法,将工资表转化工资条,但是美中不足的是标题行只能是单标题行,对于多标题行或者含有合并单元格的标题行却没有办法解 ...

在制作html页面时,在制作Xhtml页面时是先写HTML代码还是先写CSS代码

在制作html页面时,在制作Xhtml页面时是先写HTML代码还是先写CSS代码相关推荐

最新文章

热门文章