今日学习
今天学习了css(层叠样式表)
主要作用
- 元素修饰
- 布局排版
书写样式
选择器{属性:值}
- 内联式(最暴力,最直接)
- 页面级别的样式:定义在头部的
<style></style>
中
第一种:id
第二种:标签选择器
第三种:类选择器 - 外部链接
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1 style="color: pink;font-size: 20px;">我的第一个样式表</h1>
<h1>css样式表</h1>
<h1 id="idx">css样式表</h1>
<h1 class="hc" id="idx" >css样式表</h1>
</body>
</html>
h1 {
color: green;
}
#idx {
color: red;
font-size: 30px;
}
.hc {
color: blue;
}
今日总结
学好前端,就要学会如何看优秀网站的源代码,看懂它们,把它们变成自己的知识库。