什么是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 @   少时凌云志  阅读(85)  评论(0)  编辑  收藏  举报
相关博文：
·  css的3种导入方式
·  美化网页元素
·  css简介理解
·  1.什么是CSS
·  CSS简单介绍
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示
SQL AI 助手