html+css的三种方式

html+css的三种方式

  1. 内联方式
  2. 内部样式表方式
  3. 外部引用CSS方式

<html>
    <head>
        <meta charset="utf-8"> 
        <title>菜鸟教程(runoob.com)title> 
        
        <link rel="stylesheet" type="text/css" href="styles.css">
        
        
        <style type="text/css">h2 {color:purple;margin-left:20px}style>
    head>

    <body>
        
        <h1 style="color:red;margin-left:20px;">内联样式h1>
        <p>在HTML元素中使用"style"属性p>

        
        <h2>内部样式表h2>
        <p>在HTML文档头部<head>区域使用<style>元素来包含CSSp>

        
        <h3>外部引用h3>
        <p>使用外部CSS文件p>
    body>

html>

效果图:

html+css的三种方式_第1张图片

你可能感兴趣的:(web)