1.<p style="color: siennamargin-left: 20px">
直接把样式写在代码中格式是style=""
</p>
2.<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">链接外部css文件,mystyle.css改成你的css路径
3.写到页面头部<head></head>之间
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
4.<style type=”text/css”>
<!--
@import “mystyle.css”
其他样式表的声明
-->
</style>用import导入css文件
其中第二种跟第三种方法比较常用!
记住，一切以在浏览器中的最终效果为准，依赖软件的预览界面是不靠谱的！DW 在打表格做网页的时代的确是所见即所得的王者编辑器，但自从 css 和 div 流行后就没落了，因为它解决不了预览的问题，至于原因你把css学熟了自己会明白的。
想深入的话，把DW丢了，养成手写代码的习惯你才能搞懂遇到各种css兼容问题的本质，有一大堆编辑器写html、css随便找个都比DW强。
另外，你那个表格上的背景图，路径是你硬盘上的本地路径，上传到网上别人根本看不到的。做网页引用：图片、css、flash、js或任何文件大多数情况下都要用相对路径，自己百度下：网页 相对路径。
1、外部样式
格式：
举例：
用处：这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
备注：Rel：指明连接的是什么文件；Type：指明引入的文件的格式类型；Href：指明文件的路径，以引入文件为基准的相对路径。
2、内部样式
格式：
这样的话，该文件中的所有P标签都将应用该style样式，而不需要在没一个html标签中写。
用处：这种形式是内部样式表，它是以结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面
3、举例：
4、行内样式：就是直接在html标签后面写样式代码
啊啊啊啊
用处：这种在标签内以style标记的为内部样式，内部样式只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。
5、导入样式
@importurl(\"/css/global.css\")
链接样式是以@importurl标记所链接的外部样式表，它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个global.css的文件中，然后在layout.css中以@importurl(\"/css/global.css\")的形式链接全局样式，这样就使代码达到很好的重用性。
6、CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。
selector{declaration1declaration2...declarationN}
选择器通常是您需要改变样式的HTML元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（styleattribute）。每个属性有一个值。属性和值被冒号分开。
selector{property:value}
下面这行代码的作用是将h1元素内的文字颜色定义为红色，同时将字体大小设置为14像素。
在这个例子中，h1是选择器，color和font-size是属性，red和14px是值。
h1{color:redfont-size:14px}
提示：请使用花括号来包围声明。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）