CSS学习02之css导入方式

回顾

什么是 CSS?

  1. CSS 指的是层叠样式表* (Cascading Style Sheets)
  2. CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML
  3. 元素 CSS 节省了大量工作。它可以同时控制多张网页的布局
  4. 外部样式表存储在 CSS 文件中

CSS 是一种描述 HTML 文档样式的语言。
CSS 描述应该如何显示 HTML 元素(HTML美颜)。

三种使用 CSS 的方法

有三种插入样式表的方法:

  • 外部 CSS

<link rel="stylesheet" href="css/style.css">
  • 内部 CSS

    <style>
        h2{
            color: green;
        }
    style>
  • 行内 CSS

<p style="text-align: center; color: red">xxxxp>

示例

上章我们学会简单使用css了,以后我就不展示详细操作步骤了!!!

1.编写index.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导入方式title>
    
    <style>
        h2{
            color: green;
        }
    style>
    
    <link rel="stylesheet" href="css/style.css">
head>
<body>

<h1 style="text-align: center; color: red">我是标题1h1>
<h2>我是标题2h2>
<h3>我是标题3h3>
<h4>我是标题4h4>

body>
html>

2.编写style.css

h3{
    color: blue;
}

3.运行及测试结果

CSS学习02之css导入方式_第1张图片

小结

就近原则,不同样式定义一个元素时采取就近原则,采取离元素近的样式
css注释:

/* 这是一条单行注释 */
p {
  color: red;
}

作者有话说

博客创作不易,希望看到这里的读者动动你的小手点个赞,如果喜欢的小伙伴可以一键三连,作者大大在这里给大家谢谢了。

你可能感兴趣的:(CSS3详解,css,css3,html,前端,idea)