Css速通 20230513

什么是Css

如何学习
1.CSS是什么
2.CSS怎么用 (快速入门)
3.CSS 选择器(重点 + 难点)
4.美化网页 (文字,阴影,超链接,列表,渐变…)
5.盒子模型
6.浮动
7.定位
8.网页动画 (特效效果)

一、什么是CSS

1.1、CSS是什么

cascading style sheet  层叠级联样式表

html:内容层
css:表现层 美化网页

1.2、发展史

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

1.3  css的优势:

1、内容和表现分离
2、网页结构表现统一,可以实现复用
3、样式十分的丰富
4、建议使用独立于html的css文件
5、利用SEO,容易被搜索引擎收录! Vue
6、样式表示例,style标签与css文件
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title1我的第一个CSS</title>

<!--  规范:<style> 可以编写css代码
写在<head>标签里
  语法:
  选择器{
  声明1;
  声明2;
  声明3}


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

    <link rel="stylesheet" href="CSS/style.css">
<!--href是指向的地址,在html中引入css文件-->
</head>
<body>


<h1> 我是标题</h1>
<h2>我是css文件的标题</h2>


</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值