为什么用记事本编写css 填充效果出不来 我是用div+css布局的 我要的盒子尺寸是 宽度800 高度700

为什么用记事本编写css 填充效果出不来 我是用div+css布局的 我要的盒子尺寸是 宽度800 高度700,第1张

关键在于:你搞懂xhtml和html的区别没有。

按你的代码,html下盒子尺寸是600x500,xhtml下盒子尺寸是800x700,这个结果是正确的。

xhtml的头部比html头部多一句代码,你用记事本写的时候是否写了这句代码把网页声明为xhtml
而你用dw的时候,软件自动给你加上了那句声明的。

另外,dw按快捷键是打表格做网页之神器,但做div+css网页的话,dw丢得越远越好,记事本都确实比它好很多。

有两种办法,一是使用绝对路径,这样,无论你的CSS文件放在哪一层文件夹下,都不会影响的显示二是使用相对路径,的路径要相对于当前CSS文件所在的路径,而不是调用该CSS的网页的路径,这样也可以确保显示正确但不要使用CSS的include,因为IE在处理css include时存在bug,对于滤镜中的路径和普通路径处理方式不同,可能使路径失效

1、首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css样式代码要写在style=""双引号中才可以,如:<p style="color:red">这里文字是红色。</p>。

2、如果想让HTML标签和css样式区分开来,可以采取将css样式代码写在<style type="text/css"></style>标签之间,并且这里的<style></style>可以写在<head></head>标签之间或者<body></body>标签之间,效果都是一样的。

3、以上两种HTML和css的结合都是在同个页面,代码量多的情况下就不好区分了,这时可以创建一个外部css样式文件。右键点击桌面先创建一个记事本文档,然后将文档的扩展名改为“css”。将该css样式文件与HTML放在同个磁盘中以便调用。

4、将css样式文件创建好后,使用Sublime编辑器打开css样式文件,在文件里面编写相应的css样式。

5、准备好这个css样式文件后,回到HTML文件,在<head></head>标签内使用<link>标签将css样式文件链接到HTML文件内,就完成了。

不太明白你的问题!给你一个例子吧,把下列样式放到记事本里,然后改扩展名为css\x0d\/ 全局 /\x0d\Body {\x0d\Background: #FFFFFF;\x0d\Margin: 0;\x0d\Padding: 0;\x0d\Font-Size: 12px;\x0d\Font-Family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;\x0d\Text-Align: Center;\x0d\}\x0d\h1,h2,h3,h4,h5,h6 { Margin: 0; Padding: 0; Font-Size: 12px; Font-Weight: Normal; Font-Family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; }

1、首先我们我们新建一个记事本,并将记事本的名字改为“引入外部css文件和外部js文件html”,并回车键确定,以使文件转化为浏览器可以打开的html网页文件。

2、我们编写一个html5的声明标签— <!DOCTYPE html>, 以使浏览器能认识到我们的文档是一个html5的文件,这样就可以快速的正确解读,以提高浏览的体验。

3、我们写一个<title>的标签,将网页的题目写入进去,让网页的标题显示为“引入外部css文件和外部js文件”。

4、我们用<meta>标签设置字符的编码格式为:UTF-8,以使浏览器能够正确的显示我们的网页。

5、我们写一个<body>标签,用来包含网页的主体部分。

6、我们写几个标签以便在外部css文件样式表中,为其设置样式。

7、我们新建一个css文件,把txt的文件后缀名改为css即可,之后打开就可以写入css代码了。

8、我们用标签选择器为<p>标签、<div>标签和<span>标签的内容设置样式。

9、我们使用,<link>标签将我们编写的css文件样式表文件其引入到我们当前的html文件中来。

10、我们鼠标右击在d出的下拉菜单中,我们选择“在浏览器中打开”这一项。

11、我们看到我们编写的样式被应用到了标签中文字上,说明我们的css外部样式表文件引入成功。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12943063.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存