CSS全名:Cascading Style Sheet 层叠样式表
*前端开发者写的标签的样式代码一定是样式库定义的样式!
CSS有三种样式:
1.行内样式
2.内部样式
3.外部样式
以下为这三种样式的详细叙述:
1.行内样式
html标签中指定style属性
其基本格式:
style="css样式属性1:属性值1;css样式2;属性值2;"
<body>
<a herf="#" style="font-size:30px;color:#0F0;">超链接1</a>
<body>
一般情况下不使用这种方式,这种方式存在的弊端是:
a)css样式代码和html标签混合使用,不利于后期管理
b)行内样式只能一次控制一个标签
2.内部样式
在head标签体中定义一个style标签
<h5以前,可以指定type="text/css">
如<style type="text/css">,但是现在可以省略为
<style>
/*css注释
css代码的格式
选择器{
书写css属性:css属性值;
}
**/
eg:标签选择器
<style>
a{
color:#F100;()
font-size:36px;
}
</style>
同样这种方式也存在弊端:html代码和css代码混合到一起,不利于维护,如果代码不多,可以使用内部样式。
3.外部样式
a)定义一个以后缀.css结尾文件
b)当前html页面中要引入外部css文件
c)在head标签体中定义标签link
link
href="外部css文件路径" rel="stylesheet"(关联层叠样式表,固定值)
eg:标签选择器
/*外部css文件的内容*/
a{
font-size:26px;
color:#000;(黑色)
}
记得要在head文件中直接link
<link herf="css/01.css" rel="stylesheet">