热搜:前端 nest neovim nvim

怎样引进css

lxf2023-03-26 12:45:02

引进css的办法:1、在标签的style特性加上款式;2、在style标识内加上,加进head标识内部结构;3、将css样式撰写在拓展名叫【.css】的文档中,再导进款式,导进在head标识内部结构。

怎样引进css

本实例教程作业环境:windows7系统软件、css3版,DELL G3计算机。

引进css的办法:

1、内联款式(行与行款式):在标签的style特性加上款式:

<!DOCTYPE>
<html>
<head>
  <meta charset="utf-8" />
  <title>业内款式</title>
</head>
<body>
     <!--应用业内款式引进CSS-->
     <h1 style="color:red;">HTML中文网站</h1>
     <p style="color:red;font-size:30px;">HTML中文网站</p>
</body>
</html>

2、内嵌式页面布局(内部结构页面布局):在style标识内加上(加进head标识内部结构)

<!DOCTYPE>
<html>
<head>
  <meta charset="utf-8" />
  <title>内部结构页面布局</title>
  <!--应用内部结构页面布局引进CSS-->
  <style type="text/css">
    div{
        background: green;
    }
  </style>
</head>
<body>
     <div>我就是DIV</div>
</body>
</html>

3、外部样式表:将css样式撰写在拓展名叫.css的文档中,再导进款式,导进在(head标识内部结构)

<!DOCTYPE>
<html>
<head>
  <meta charset="utf-8" />
  <title>外部样式表</title>
  <!--连接式:建议使用-->
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  </style>
</head>
<body>
     <ul>
         <li>HTML</li>
         <li>CSS</li>
        <li>JavaScript</li>
     </ul>
</html>

有关实例教程强烈推荐:CSS视频教学

以上就是关于怎样引进css的具体内容,大量欢迎关注AdminJS其他类似文章!