zzh-lq

1.什么是CSS

如何学习

1.CSS是什么

2.CSS怎么用(快速入门)

3.CSS选择器(重点+难点)

4.美化网页(文字,阴影,超链接,列表...)

5.盒子模型

6浮动

7.定位

8.网页动画(特效)

1.1什么是CSS

Cascading Style Sheet层叠级联样式表

CSS 表现(美化网页)

1.2快速入门

基本入门

<!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>

建议使用这种规范

CSS的优势:
1.内容表现分离
2.样式丰富
3.建议使用独立于html的css文件
4.利于SEO,容易被搜索引擎收录

1.3 CSS的3种导入方式

<!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>

分类:

技术点:

相关文章: