CSS学习-什么是CSS
<h1 id="1什么是css">1.什么是CSS</h1><p>如何学习</p>
<p>1.CSS是什么</p>
<p>2.CSS怎么用（快速入门）</p>
<p><strong>3.CSS选择器（重点+难点）</strong></p>
<p>4.美化网页（文字，阴影，超链接，列表...）</p>
<p>5.盒子模型</p>
<p>6浮动</p>
<p>7.定位</p>
<p>8.网页动画（特效）</p>
<h2 id="11什么是css">1.1什么是CSS</h2>
<p>Cascading Style Sheet层叠级联样式表</p>
<p>CSS 表现（美化网页）</p>
<h2 id="12快速入门">1.2快速入门</h2>
<p><strong>基本入门</strong></p>
<pre><code class="language-html"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 规范，<style> 可以编写css的代码，每一个声明以分号结尾
语法：
选择器{
声明1;
声明2;
}
-->
<style>
h1{
color:red;
}
</style>
</head>
<body>
<h1>我是标题</h1>
</body>
</html>
</code></pre>
<p>建议使用这种规范<br>
<img src="https://img2020.cnblogs.com/blog/2136317/202008/2136317-20200828182853495-101038713.jpg"></p>
<p>CSS的优势：<br>
1.内容表现分离<br>
2.样式丰富<br>
3.建议使用独立于html的css文件<br>
4.利于SEO，容易被搜索引擎收录</p>
<h2 id="13-css的3种导入方式">1.3 CSS的3种导入方式</h2>
<pre><code class="language-html"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--内部样式-->
<style>
h1{
color: green;
}
</style>
<!--外部样式-->
<link rel="stylesheet" href="CSS/style.css">
</head>
<body>
<!--优先级：就近原则-->
<!--行内样式，在标签元素中，编写一个style属性，编写样式即可-->
<h1 style="color: red">我是标题</h1>
</body>
</html>
</code></pre><br><br>
来源：https://www.cnblogs.com/zzh-lq/p/13579590.html
頁:
[1]