码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • CSS介绍


    一、什么是CSS

    层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

    CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

    二、常见应用

    CSS:表现(美化网页):字体、颜色、高度、宽度、背景图片、网页定位、网页浮动…

    三、发展史

    CSS 1.0
    CSS 2.0 DIV(块) + CSS , HTML 与CSS结构分离的思想,网页变得简单,SEO;
    CSS 3.0 圆角 , 阴影 , 动画… 浏览器兼容性-

    四、快速入门

    在head标签中设置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
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23

    在外部文件中引入CSS样式
    创建css文件:
    在这里插入图片描述
    在head标签中引入CSS文件
    在这里插入图片描述
    效果:
    在这里插入图片描述

    五、CSS的优势

    1. 内容和表现分离
    2. 网页结构表现统一,可以实现复用
    3. 样式十分丰富
    4. 建议使用独立于html的css文件
    5. 利于SEO,容易被搜索引擎收录!
  • 相关阅读:
    Linux管理多版本node.js
    Spring MVC 中的数据绑定和验证机制是什么,如何使用
    【优化组合】基于人工蜂群算法求解投资优化组合问题附matlab代码
    计算某个字符出现的次数
    改进YOLOv5系列:基于互补搜索技术和新颖架构设计组合MobileNetV3结构作为Backbone主干网络,打造不同的检测器
    如何保证 HTTPS 证书的有效性?
    Leo赠书活动-01期 【Python数据挖掘——入门进阶与实用案例分析】
    数据结构:堆
    小白学Java
    9.2 Windows钩子
  • 原文地址:https://blog.csdn.net/Massimo__JAVA/article/details/124951057
  • 最新文章
  • 【JVM】编译执行与解释执行的区别是什么?JVM 使用哪种方式?
    用 Hashids 优雅解决 C 端自增 ID 暴露问题
    V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
    LLVM Pass快速入门(四):代码插桩
    milkup:桌面端 markdown AI续写和即时渲染
    基于项目工程构建SBOM(软件物料清单)的研究
    鸿蒙应用开发UI基础第二节:鸿蒙应用程序框架核心解析与实操
    .NET 中如何快速实现 List 集合去重?
    扣子Coze实战:从0到1打造抖音+小红书热点监控智能体
    浅谈数据访问层
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号