一、外链式引入css样式

在head标签中使用<link rel="stylesheet" type="text/css" href="css/main.css">引入
代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>外链式引入css样式</title><link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body><div>这是一个div标签</div>
</body>
</html>

显示如下所示

二、内嵌式使用css样式

使用style标签引入：

代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>内嵌式使用css样式</title><style type="text/css">div{font-size: 20px;color: #2b542c;background-color: #d43f3a;}</style>
</head>
<body><div>页面标题</div>
</body>
</html>

显示如下所示：

三、行内式引入css样式

使用style属性引入：

代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>行内式引入css样式</title>
</head>
<body><a href="https:www.baidu.com" title="跳转到百度" target="_blank" style="font-size: 20px;color: #007aff;background-color: #b3b3b3">国资软件</a>
</body>
</html>

显示如下所示：

html 三种插入css样式的方式相关推荐

在html中样式表的三种类型,css样式有哪几种类型？
CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种.下面本篇文章就来给大家介绍一下CSS样式的类型,希望对大家有所帮助. 内联式样式内联式 ...
html中样式表的三种形式,CSS样式表有几种存在方式
外部样式:将网页链接到外部样式表. 内页样式:在网页上创建嵌入的样式表. 行内标签样式:应用内嵌样式到各个网页元素标签内. 每一种方法均有其优缺点: 当要在站点上所有或部份的网页上一致地应用相同样式时 ...
html5中插入样式表方法,如何插入css样式？
如何插入css样式?下面本篇文章就来给大家介绍一下插入css样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 准备 1.首先准备一个html文件:test.html,不建议 ...
头脑风暴在计算机中的具体应用,例谈三种头脑风暴样式在综合实践活动中的运用...
屠园中 [摘要]头脑风暴是小学综合实践活动常用的学习方法.教学中,用好直接式.游戏式.质疑式这三种头脑风暴样式,能让学生在宽松.自由的氛围中,提出新观点.解决新问题. [关键词]头脑风暴;综合实 ...
徐志摩题要求：•使用外部引入CSS样式的方式为网页设置样式 •标题使用＜h3＞标签，其他文本均放在段落标签＜p＞中 •使用标签选择器设置标题h3的字体颜色为#ddf111 •使用ID选择器设置p段
徐志摩题要求: •使用外部引入CSS样式的方式为网页设置样式 •标题使用<h3>标签,其他文本均放在段落标签<p>中 •使用标签选择器设置标题h3的字体颜色为#ddf111 • ...
android系统密码设置功能,手机锁屏密码怎么设置三种安卓手机锁屏方式推荐
手机中有很多应用都是与金钱挂钩,特别是微信与支付宝等等既涉及到隐私又与财产关联,这是后手机的安全就尤为重要的,而手机的锁屏密码就是一道最基本的防护措施,那么手机锁屏密码怎么设置?来看看小编推荐的三种安 ...
Extjs中三种不同的数据提交方式
Extjs中三种不同的数据提交方式 Extjs的三种提交方式: 表单Ajax提交,普通提交,单独Ajax提交: 1.表单ajax提交(默认提交方式) 提交函数:当按下表单中的提交按钮时执行下面的btn ...
【redis】三种redis数据导出导入方式
文章目录 1.概述一.redis-dump方式二.aof方式导入三.rdb文件迁移方式 1.概述转载:三种redis数据导出导入方式一.redis-dump方式 redis-dump安装 y ...
三种主流的Kubernetes部署方式
[译者的话]本文分析介绍了三种主流的Kubernetes部署方式,为广大Kubernetes的使用者提供了很好的参考借鉴. [烧脑式Kubernetes实战训练营]本次培训理论结合实践,主要包括:Ku ...

html 三种插入css样式的方式

三种插入css样式的方式

一、外链式引入css样式

二、内嵌式使用css样式

三、行内式引入css样式

html 三种插入css样式的方式相关推荐

最新文章

热门文章