HTML三种引入样式的方式

1.外部样式:是通过link元素引入

 <link rel="stylesheet" type="text/css" href="样式写入地址">

2.内部样式:又称内部样式表,必须写在head标签中,用style标签申明

    <style type="text/css" >h3{color:red; } dd{font-size: small;color: #9b2d30}></style>
</head>
<body>
<h3>分集剧情</h3>
<dl><td>第1集 桃园结义</td><dd>刘备、关羽和张飞三位仁人志士,为了共同干一番大事业的目标,意气相投,言行相依,选在一个桃花盛开的季节、选在一个桃花绚烂的园林,举酒结义,对天盟誓,有苦同受,有难同当,有福同享,共同实现自己人生的美好理想。从此三人开始行走天下。 </dd>
</dl>
</body>

3.内联样式:行内样式(Inline Styles)又称内联表单样式,它直接写在标签内部,用style属性声明 例:

<h1>三国演义简介</h1>  ><!--设置字体颜色-->
<p style="color: #01be00">《三国演义》描写的是从东汉末年到西晋初年之间近一百年的历史风云,全书反映了三国时代的政治军事斗争,反映了三国时代各类社会矛盾的渗透与转化,概括了这一时代的历史巨变,塑造了一批叱咤风云的英雄人物。在对三国历史的把握上,作者表现出明显的拥刘反曹倾向,以刘备集团作为描写的中心,对刘备集团的主要人物加以歌颂,对曹操则极力揭露鞭挞。今天我们对于作者的这种拥刘反曹的倾向应有辩证的认识。尊刘反曹是民间传说的主要倾向,在罗贯中时代隐含着人民对汉族复兴的希望。</p>
</body>

HTML三种引入样式的方式相关推荐

  1. 简述css样式的三种引入html的方式,css-1,css的三种引入方式 基本选择器

    css三种引入方式 和四种基本选择器 /*内接样式*/ /*1 选择器 选中的是 '共性'*/span{color:green;font-size:30px; } /*组合选择器*/ul,ol{lis ...

  2. CSS的三种引入方式:外部样式、内部样式和行内样式

    CSS的三种引入方式:外部样式.内部样式和行内样式 外部样式 链接式:link标签 导入式:@import 链接式与导入式的区别 内部样式 行内样式 样式优先级 外部样式 即CSS代码保存在外部,HT ...

  3. css样式 三种引入方式 选择器 常用属性:背景属性 字体属性 边框属性 内间距 外间距 盒子模型

    一.CSS简介 1.什么是css 重叠样式表 主要是负责标签的样式 美化页面 一个网页分三大部分 结构层: 主要由html负责 负责页面的结构 表现层: 主要由css负责 页面的展示样式 美化页面 行 ...

  4. 006 CSS三种引入方式

    CSS三种引入方式 一.三种方式的书写规范 1.行间式 <div style="width: 100px; height: 100px; background-color: red&q ...

  5. css三种引入方式以及其优先级的说法

    css 三种引入方式 方式一:行间式 ​ 1.在标签头部的style属性内 ​ 2.属性值满足css语法 ​ 3.属性值用key:value形式赋值,value具有单位 ​ 4.属性值之间用 分号 : ...

  6. css的三种引入方式

    css三中引入方式: 行间样式>内部样式=外部样式(内部样式和外部样式优先级相同,文档后面的会覆盖前面的) <!DOCTYPE html> <html> <head ...

  7. css三种引入方式与标签选择器

    目录 css三种引入方式 选择器 标签选择器: class选择器: id选择器: 后代选择器: 子代选择器: 组合选择器: 通配符选择器: css三种引入方式 1.行间样式:权重最高1000,在标签的 ...

  8. CSS的三种引入方式与JS的三种引入方式

    CSS的三种引入方式 前端三剑客分为html,css,js, html作为骨架,楼体是观看者看到的第一元素,而css和js是美化并增加功能的肉体羽毛或者楼体工装,肉体羽毛需要安装到骨架上,才能使整体完 ...

  9. CSS3基础(基础认知,选择器,字体属性,文本属性,CSS 的三种引入方式)

    CSS3基础 1. 基础认知 1.1 CSS 简介 CSS 的使用场景是什么? 美化网页,布局页面 CSS 的中文名称是什么? 层叠/级联样式表(Cascading Style Sheets) CSS ...

最新文章

  1. 驱动学习之LED驱动框架
  2. golang中的空slice
  3. 全球及中国公路行业运营模式与十四五价值前景分析报告2022版
  4. 当团队预算不足、人手不够时,该如何做好一款游戏?
  5. java1.8--改进的接口
  6. neo4j 两个点创建关系_Neo4j:找到两个纬度/经度之间的中间点
  7. java生成txt_Java ThreadDump 生成解析
  8. IDEA 代码分析工具
  9. JS敏感信息泄露:不容忽视的WEB漏洞
  10. 13、TORCH.OPTIM
  11. 碰到高速下载器捆绑软件自动下载,卸载不完怎么办?
  12. C语言因式分解的程序框图,C语言编写方案-因式分解
  13. 数据分析课堂笔记Day10(20221123)
  14. 如何在网站里插入视频
  15. 路易斯安那州立大学计算机科学,路易斯安那州立大学
  16. 方舟手游服务器自动重启,方舟适者生存连接服务器重启怎么办_连接服务器重启解决方法_快吧单机游戏...
  17. Linux学习——废旧电脑再利用Ubuntu部署私有云Nextcloud
  18. IT人系列一 王珅:程序员转型做旧书书商年交易额逾千万
  19. linux系统有什么用
  20. Appium使用swipe定位滚动列表和滚动屏幕元素

热门文章

  1. android 评分软件,AI颜值检测评分app
  2. 铁道部网站刷火车票脚本
  3. 淘宝top接口响应时间优化
  4. Web 1.0、Web 2.0 和 Web 3.0
  5. 理想国pytorch入门教程
  6. 微信接口开发报错invalid credential, access_token is invalid or not latest hint
  7. linux 文件服务器dlna,[ubuntu]dlna平台搭建(在家里,寝室搭建自己的影音平台)
  8. 如何才能快速将多个视频素材文件一键消音处理
  9. 集合框架——Set集合的使用与数据结构详解
  10. mpvue使用vuex基本步骤以及如何使用