7.21 css学习

今日学习

今天学习了css(层叠样式表)

主要作用

  1. 元素修饰
  2. 布局排版

书写样式

选择器{属性:值}

  1. 内联式(最暴力,最直接)
  2. 页面级别的样式:定义在头部的<style></style>
    第一种:id
    第二种:标签选择器
    第三种:类选择器
  3. 外部链接
<!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;
    }

今日总结

学好前端,就要学会如何看优秀网站的源代码,看懂它们,把它们变成自己的知识库。

猜你喜欢

转载自blog.csdn.net/KKsuri/article/details/81159593