Css入门之直接样式表,内部样式表,外部样式表

来源:互联网 发布:武汉程序员工资 编辑:程序博客网 时间:2024/05/16 16:05

Css用法

样式表分为3中:直接样式表,内部样式表,外部样式表

1.直接样式表

用法:<p style  = ”color:red">这是一个段落,应用了改变字体颜色样式</p>

<html><head><title>直接样式表</title></head><body><p style = "color:red; fond-size = 16px">这是一个段落</p><p>这是一个段落</p></body></html>

2.内部样式表,就是在head里面使用style属性

<style type = "text/css">

p{color:red}

</style>

<p>这是一个段落,应用了改变字体颜色样式</p>

内部样式表在怎个HTML文档内都课使用

<html><head><title>内部样式表</title><style type = "text/css">p{color:red;font-size:16pt}</style></head><body><p>这是一个段落</p><p>这是另一个段落</p></body></html>

3.外部样式表

就是在铜一文件夹内新建一个.css文档,然后在里面写上要用到的样式,然后在HTML文档里链接调用

//style.;css文件

p{color:red}

<link rel = "stylesheet" href = "text/css"/>\

//style.css
p{color:red}

<html><head><title>外部样式表</title><link rel = "stylesheet" href = "style.css" type = "text/css"> </head><body><p>这是一个段落</p><p>这是另一个段落</p></body></html>






0 0
原创粉丝点击