html+css的三种方式
2017-05-04 14:49
225 查看
html+css的三种方式
内联方式
内部样式表方式
外部引用CSS方式
效果图:
内联方式
内部样式表方式
外部引用CSS方式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <!-- 外部引用CSS方式 --> <link rel="stylesheet" type="text/css" href="styles.css"> <!--style.css: h3{ color:blue; margin-left:20px; } p{ color:red; } --> <!-- 内部样式表方式 --> <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>元素来包含CSS</p> <!-- 外部引用CSS方式 --> <h3>外部引用</h3> <p>使用外部CSS文件</p> </body> </html>
效果图:
相关文章推荐
- html里嵌入CSS的三种方式
- 在HTML文档中嵌入CSS的三种常用方式
- CSS学习笔记之在HTML中导入CSS的三种方式
- css文件链接html的三种方式
- html+css布局的三种方式(自然布局/流动布局/定位布局)
- HTML文档中嵌入CSS的三种常用方式
- html网页css的三种引入方式
- HTML中放置CSS的三种方式和CSS选择器
- html+css布局的三种方式
- css与html常见的三种结合方式示例介绍
- html网页css的三种引入方式
- HTML 引入CSS 三种方式
- html+css布局的三种方式( 自然布局/流动布局 /定位布局)
- HTML使用CSS的三种方式
- HTML引入CSS的三种方式
- HTML中嵌入css的三种方式
- css和html结合的三种体现方式
- 在HTML文档中嵌入CSS的三种常用方式
- 在HTML文档中嵌入CSS的三种常用方式
- HTML引入CSS的三种方式