菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: CSS基础郑强202300207日报 [打印本页]

作者: 郑强 时间: 2023-2-7 19:43
标题: CSS基础郑强202300207日报

CSS的引入方式
- 行内样式表（行内式）
  - 在元素的标签内部的style属性中，设定CSS样式，适用于简单的样式修改。
  - 注意点：
    - style其实就是标签的属性
    - 在双引号中书写样式，格式要符合css规范
    - 书写比较繁琐，不推荐使用
- 内部样式表（嵌入式）
  - 内部样式表就是在<head></head>标签中的<style></style>标签中书写样式
  - 注意点：
    - 可以更加方便的控制多个元素的样式
    - 代码结构比较清晰，实现了结构和样式的部分分离（不完全分离）
    - 练习时，经常采用这种方式
  - 例
- 外部样式表（链接式）（开发中最常用，实现了结构和样式的完全分离）
  - 可以使用链接的方式引入外部样式文件
  - 使用步骤
    - 1、创建css文件
    - 2、使用link标签引入css文件即可（link标签一般写在head标签中）
      - rel 定义当前文档与被链接的文档之间的关系，stylesheet表示被链接文档是一个样式表文件
      - href 定义链接的文件的路径（URL），可以使用绝对路径也可以使用相对路径
  - - css文件
    - 引入css文件

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)

Powered by Discuz! X3.4