1.外联式样式表
例:<head>
<link rel="stylesheet" href="/css/default.css">
</head>
2.内嵌样式表
例:<head>
<style type="text/css">
td{font:9ptcolor:red}
font105{font:10.5ptcolor:blue}
</style>
</head>
3.元素内定
<div class="a" style="padding:10float:left">
</div>
4.导入样式表
<head>
<style type="text/css">
<!-- @import url(css/home.css)-->
</style>
</head>
<div id="header"><h1>Main Title of Web Page</h1></div>h1标记对之后,有换行的功能,你试一试就知道了
h2,h3,...都有
html中,有的css样式在样式表里不起作用是设置错误造成的,解决方法为:
1、在如图网页中,我们可以看到style中的样式列表,以及所展示的效果图。
2、将style中的全部css样式选中,然后复制或者剪切。
3、然后ctrl+N新建一个CSS样式文件,如图所示,然后创建。
4、在创建的css样式文件中,将刚才复制的文件粘贴到这里。
5、在导出时,需要放到之前网页所在的同文件夹位置,可以新创建一个css文件夹,方便寻找导入。
6、然后回到html文件中,将之前的style样式全部删除即可,然后输入link链接标签,将之前保存的css样式链接进来,保存。