首页 > 代码库 > 写入CSS的3种方式
写入CSS的3种方式
CSS能让网页制作者有效的定制、改善网页的效果。
CSS是对HTML的补充(网页设计师曾经为无法很好的控制页面的显示效果而倍感苦恼,CSS的出现解决了这个问题)
CSS实现了网页内容和页面效果的彻底分离。
方式一:内联样式表(在标签内设置元素的样式)
优点:比较灵活,想给谁设就该谁设
缺点:写一次只能设置一个
<p style="background:red;font-size:xx-large"></p>
方式二:嵌入样式表(需要在head标签内写 <style type="text/css"></style> )——内联样式表优先级更高
<head>
<title></title>
<style type="text/css">
p{
background-color:yellow;
font-size:xx-small;
}
</style>
</head>
方式三:外部样式表 link (可以在网上下载别人写好的样式)(写在head标签内)——优先级最低
<head>
<title></title>
<link href="http://www.mamicode.com/textcss.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
p{
background-color:yellow;
font-size:xx-small;
}
</style>
</head>
写入CSS的3种方式