Carmineprince's Blog
首页
    • HTML
    • CSS
    • JavaScript
    • Vue
    • React
    • TypeScript
    • Node
    • Flutter
    • Electron
    • Python
    • 运维
    • 重学前端
  • 分类
  • 标签
  • 归档

Ziqi Wang

胡思乱想程序员
首页
    • HTML
    • CSS
    • JavaScript
    • Vue
    • React
    • TypeScript
    • Node
    • Flutter
    • Electron
    • Python
    • 运维
    • 重学前端
  • 分类
  • 标签
  • 归档
  • HTML及CSS面试前回炉重造
  • HTML重新学习记录-查漏补缺
  • 移动端禁止屏幕缩放
  • aspect-ratio保持图片宽高比
  • input输入框number类型去除增减
  • 移动端纯CSS实现隐藏滚动条但仍具有滚动的效果
  • css实现文本超出文本指定行数-省略号效果
  • CSS重新学习记录(一)-基础语法
    • 一、书写位置
      • 1. 内联式
      • 2. 外联式
      • 3. 导入式(不常见)
      • 4. 行内式
  • css修改图片颜色方案
  • pc端rem配置
  • HTML及CSS相关
carmineprince
2021-10-20

CSS重新学习记录(一)-基础语法

# CSS重新学习记录(一)-基础语法

# 一、书写位置

# 1. 内联式

<head>
    ...
    <style>
        .h1 {
            color: red
        }
    </style>
</head>
1
2
3
4
5
6
7
8

# 2. 外联式

<head>
    ...
    <link rel="stylesheet" href="css/xxx.css">
</head>
1
2
3
4

# 3. 导入式(不常见)

使用导入式引入的样式表,不会等待css文件加载完毕,而是会立即渲染HTML结构,所以页面中会有几秒钟的”素面朝天“时间

<style>
    @import url(css/xxx/css)
</style>
1
2
3

# 4. 行内式

<h2 style="color: red;">二级标题</h2>
1
#笔记#css#
上次更新: 10/21/2021, 1:52:09 PM
css实现文本超出文本指定行数-省略号效果
css修改图片颜色方案

← css实现文本超出文本指定行数-省略号效果 css修改图片颜色方案→

最近更新
01
pc端rem配置
03-02
02
使用动态变量ts报错的解决
02-25
03
React Hook详解
02-18
更多文章>
Theme by Vdoing | Copyright © 2021-2022 Carmineprince | 鲁ICP备2021046263号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式