什么是css

1、什么是css

如何学习

  1. CSS是什么

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

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

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

  5. 盒子模型

  6. 浮动

  7. 定位

  8. 网页东西(特写)

1.1、什么是CSS

Cascading Style Sheer 层叠级联样式表 CSS：表现(美化网页) 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动

 

1.2、发展史

CSS1.0 CSS2.0 DIV(块) + CSS ，HTML与CSS结构分离的思想，网页变得简单，SEO CSS2.1 浮动，定位 CSS3.0 圆角，阴影，动画...浏览器兼容性

练习格式：

 

1.3、快速入门

style

基本入门

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

<!--规范，<style> 可以编写CSS的代码,每一个声明，最好使用分号结尾
语法：
选择器{
    声明1;
    声明2;
    声明3;
}
-->
    <style>
        h1{
           color: coral;
        }
    </style>
</head>
<body>

<h1>我是标题</h1>

</body>
</html>

 

CSS的优势： 1、内容和表现分离

2、网页结构表现统一，可以实现复用

3、样式十分的丰富

4、建议使用独立于html的CSS文件

5、利用SEO，容易被搜索引擎收录!

 

posted @ 2022-03-01 00:11  少时凌云志  阅读(91)  评论(0)    收藏  举报