Css
作用:用来修饰HTML页面,设置元素的样式,让html页面更加美观
一、引入css的三种方式
1、内联定义:在对象的标记内使用
语法格式:<标签 style=“样式名:样式值;样式名:样式值...”></标签>
2、定义内部样式快对象(在head标签中使用style块)
<head>
<style type="text/css">
选择器{
样式名:样式值;
样式名:样式值;
...
}
</style>
</head>
3、链入外部样式表文件
语法格式:<link type="text/css" rel="stylesheet" href="css文件的路径" />
二、id选择器 | 标签选择器 | 类选择器
1、标签选择器
语法格式
标签名{
样式名:样式值;
样式名:样式值;
...
}
2、id选择器
语法格式
#id{
样式名:样式值;
样式名:样式值;
...
}
3、类选择器
语法格式
.类名{
样式名:样式值;
样式名:样式值;
...
}
引入外部文件的实例。
引入外部文件
css文件
a {
text-decoration: none;
}
html页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/my.css" type="text/css" />
</head>
<body>
<a href="https://www.baidu.com">百度</a>
</body>
</html>
结果