HTML三种引入样式的方式
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三种引入样式的方式相关推荐
- 简述css样式的三种引入html的方式,css-1,css的三种引入方式 基本选择器
css三种引入方式 和四种基本选择器 /*内接样式*/ /*1 选择器 选中的是 '共性'*/span{color:green;font-size:30px; } /*组合选择器*/ul,ol{lis ...
- CSS的三种引入方式:外部样式、内部样式和行内样式
CSS的三种引入方式:外部样式.内部样式和行内样式 外部样式 链接式:link标签 导入式:@import 链接式与导入式的区别 内部样式 行内样式 样式优先级 外部样式 即CSS代码保存在外部,HT ...
- css样式 三种引入方式 选择器 常用属性:背景属性 字体属性 边框属性 内间距 外间距 盒子模型
一.CSS简介 1.什么是css 重叠样式表 主要是负责标签的样式 美化页面 一个网页分三大部分 结构层: 主要由html负责 负责页面的结构 表现层: 主要由css负责 页面的展示样式 美化页面 行 ...
- 006 CSS三种引入方式
CSS三种引入方式 一.三种方式的书写规范 1.行间式 <div style="width: 100px; height: 100px; background-color: red&q ...
- css三种引入方式以及其优先级的说法
css 三种引入方式 方式一:行间式 1.在标签头部的style属性内 2.属性值满足css语法 3.属性值用key:value形式赋值,value具有单位 4.属性值之间用 分号 : ...
- css的三种引入方式
css三中引入方式: 行间样式>内部样式=外部样式(内部样式和外部样式优先级相同,文档后面的会覆盖前面的) <!DOCTYPE html> <html> <head ...
- css三种引入方式与标签选择器
目录 css三种引入方式 选择器 标签选择器: class选择器: id选择器: 后代选择器: 子代选择器: 组合选择器: 通配符选择器: css三种引入方式 1.行间样式:权重最高1000,在标签的 ...
- CSS的三种引入方式与JS的三种引入方式
CSS的三种引入方式 前端三剑客分为html,css,js, html作为骨架,楼体是观看者看到的第一元素,而css和js是美化并增加功能的肉体羽毛或者楼体工装,肉体羽毛需要安装到骨架上,才能使整体完 ...
- CSS3基础(基础认知,选择器,字体属性,文本属性,CSS 的三种引入方式)
CSS3基础 1. 基础认知 1.1 CSS 简介 CSS 的使用场景是什么? 美化网页,布局页面 CSS 的中文名称是什么? 层叠/级联样式表(Cascading Style Sheets) CSS ...
最新文章
- 驱动学习之LED驱动框架
- golang中的空slice
- 全球及中国公路行业运营模式与十四五价值前景分析报告2022版
- 当团队预算不足、人手不够时,该如何做好一款游戏?
- java1.8--改进的接口
- neo4j 两个点创建关系_Neo4j:找到两个纬度/经度之间的中间点
- java生成txt_Java ThreadDump 生成解析
- IDEA 代码分析工具
- JS敏感信息泄露:不容忽视的WEB漏洞
- 13、TORCH.OPTIM
- 碰到高速下载器捆绑软件自动下载,卸载不完怎么办?
- C语言因式分解的程序框图,C语言编写方案-因式分解
- 数据分析课堂笔记Day10(20221123)
- 如何在网站里插入视频
- 路易斯安那州立大学计算机科学,路易斯安那州立大学
- 方舟手游服务器自动重启,方舟适者生存连接服务器重启怎么办_连接服务器重启解决方法_快吧单机游戏...
- Linux学习——废旧电脑再利用Ubuntu部署私有云Nextcloud
- IT人系列一 王珅:程序员转型做旧书书商年交易额逾千万
- linux系统有什么用
- Appium使用swipe定位滚动列表和滚动屏幕元素
热门文章
- android 评分软件,AI颜值检测评分app
- 铁道部网站刷火车票脚本
- 淘宝top接口响应时间优化
- Web 1.0、Web 2.0 和 Web 3.0
- 理想国pytorch入门教程
- 微信接口开发报错invalid credential, access_token is invalid or not latest hint
- linux 文件服务器dlna,[ubuntu]dlna平台搭建(在家里,寝室搭建自己的影音平台)
- 如何才能快速将多个视频素材文件一键消音处理
- 集合框架——Set集合的使用与数据结构详解
- mpvue使用vuex基本步骤以及如何使用