当前位置：主页 > 查看内容

CSS快速入门及优势（前端基础）

发布时间：2021-07-04 00:00| 有 位朋友查看

简介：1.css的简单介绍 1.CSS是什么 Cascading Style Sheet层叠级联样式表 Css表现美化网页 字体颜色编剧宽度背景图片网页浮动网页定位 发展史 css1.0 css2.0 DIV块CSS ,HTML与css结构分离死亡网页变得简单SEO css2.1 浮动 定位 css3.0 圆角边框阴影动画…浏览器兼……

1.css的简单介绍

  • 1.CSS是什么

  • Cascading Style Sheet层叠级联样式表

  • Css：表现（美化网页）

  • 字体，颜色，编剧，宽度，背景图片，网页浮动，网页定位

  • 在这里插入图片描述

  • 发展史

  • css1.0

  • css2.0 DIV（块）+CSS ,HTML与css结构分离死亡，网页变得简单，，SEO

  • css2.1 浮动 定位

  • css3.0 圆角边框，阴影，动画…浏览器兼容性…

  • 2.CSS怎么用

  • 基本入门：

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

<!--规范，<style> 可以编写css的代码，每一个声明最好使用分号结尾
语法
   选择器{
        声明1;
        声明2;
        声明3;
   }

-->
    <style>
        h1{
            color: red;

        }
        
    </style>
</head>
<body>
<h1>学习使我快乐</h1>

</body>
</html>

  • 建议使用这种规范

*在这里插入图片描述

  • 优势：

  • 1.内容和表现分离

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

  • 3.样式十分丰富

  • 4.建议使用独立于html的css文件

  • 5.利用seo，容易被搜索引擎收录

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

  • 4.美化网页（文字，阴影，超链接，列表，渐变。。。）

  • 5.盒子模型

  • 6.浮动

  • 7.定位

  • 8.网页动画（特效效果）

  • 推介网站：菜鸟教程：

；原文链接：https://blog.csdn.net/AA_le/article/details/115708971
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：Vue安装到精通 项目实战（2021最新！） 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐