html添加css样式的两种⽅法
  html添加css样式有三种⽅法，分别为⾏内式（使⽤style属性，在特定的HTML标签内使⽤）、内嵌式（style标签把css代码放在特定页⾯的head部分中）、外联式（使⽤link标签，将外部css⽂件链接到HTML中）。
⼀、⾏内式
使⽤style属性在特定的HTML标记内设置CSS样式。
建议不要使⽤内联CSS，因为每个HTML标记都需要单独设置样式，如果您只使⽤内联CSS，管理⽹站可能会变得⼗分困难。但是，它在某些情况下很有⽤。例如，在您⽆法访问CSS⽂件或仅需要为单个元素应⽤样式的情况下。带有内联CSS的HTML页⾯⽰例如下所⽰：
<h1 >Hostinger Tutorials</h1>
<p >Something usefull here.</p>
</body>
⼆、内嵌式
内嵌css样式就是把css代码放在特定页⾯的部分中。内嵌CSS需要放在标签之间。
类和ID可⽤于引⽤CSS代码，但它们仅在该特定页⾯上处于活动状态。每次页⾯加载时都会下载以这种⽅式嵌⼊的CSS样式，这样可以提⾼加载速度。在某些情况下使⽤内嵌样式表很有⽤，⽐如：向某⼈发送页⾯模板，因为⼀切都在⼀个页⾯中，所以看到预览要容易得多。
内部样式表的⼀个⽰例：
<head>
<style type="text/css">
p {color:white; font-size: 10px;}
.center {display: block; margin: 0 auto;}
#button-go, #button-back {border: solid 1px black;}
</style>
</head>
三、外联式
外联式就是使⽤link标签元素将外部CSS⽂件（.css⽂件）引⽤到HTML页⾯中，引⽤需要放在页⾯的部分中。
这是将CSS添加到html页⾯上最⽅便的⽅法。这样，您对外部CSS⽂件所做的任何更改都将反映在你的⽹站上。
外联样式表的⼀个⽰例：
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
⽽style.css包含所有样式规则。例如：
.xleftcol {
float: left;
width: 33%;
background:#809900;
}html网页设计css
.xmiddlecol {
float: left;
width: 34%;
background:#eff2df;
}
如今⼤多数⽹站使⽤外部样式表，外部样式是在单独的⽂档中编写然后附加到各种Web⽂档的样式。外部样式表会影响它们所连接的任何⽂件，这意味着如果你有⼀个20页的⽹站，每个页⾯使⽤相同的样式表，当需要改变的话只需编辑该样式表即可完成这些页⾯，这使得长期站点管理变得更加容易。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。