CSS-1-初识CSS

最新推荐文章于 2024-07-17 11:25:03 发布

西西ANO

最新推荐文章于 2024-07-17 11:25:03 发布

阅读量141

点赞数

分类专栏： # CSS 文章标签： css3

本文链接：https://blog.csdn.net/baidu_38126306/article/details/110729427

版权

CSS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

CSS -> 1 初始CSS

1.CSS是什么？

2.CSS怎么用？

3.CSS选择器（重点+难点）

4.美化网页（文字、超链接、列表、渐变…）

5.盒子模型

6.浮动

7.定位

8.网页动画（特效）

1.1 什么是CSS

Cascading Style Sheet 层叠级联样式表
CSS：表现（美化网页）
- 字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动

1.2 发展史

CSS1.0
CSS2.0
- DIV（块） + CSS，提出HTML与CSS结构分离的思想，网页变得简单，SEO（搜索引擎优化）
CSS2.1
- 浮动、定位
CSS3.0
- 圆角、阴影、动画… 浏览器兼容性~

1.3 快速入门让你

练习格式：

基本入门：(HTML和CSS未分离)

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

建议使用HTML与CSS分离的形式：
CSS的优势：
- 内容和表现分离；
- 网页结构表现统一，可以实现复用；
- 样式十分丰富；
- 建议使用独立于HTML的CSS；
- 利用SEO，容易被搜索引擎收录！
  表现分离；
- 网页结构表现统一，可以实现复用；
- 样式十分丰富；
- 建议使用独立于HTML的CSS；
- 利用SEO，容易被搜索引擎收录！
- VUE

西西ANO

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS-1-初识CSS

CSS -> 1 初始CSS1.CSS是什么？2.CSS怎么用？3.CSS选择器（重点+难点）4.美化网页（文字、超链接、列表、渐变…）5.盒子模型6.浮动7.定位8.网页动画（特效）1.1 什么是CSSCascading Style Sheet 层叠级联样式表CSS：表现（美化网页）字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动1.2 发展史CSS1.0CSS2.0DIV（块） + CSS，提出HTML与CSS结构分离的思想，网页
复制链接

扫一扫