一文讲通HTML样式管理，利用CSS语法实现html样式更改（在html文件内）

CSS三种引入方式

CSS样式优先级
•行内样式>内部样式表外部样式表
•单个选择器>类（元素）选择器>标签选择器

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- 单个选择器：边框1px宽 实线 红色 --><!-- CSS行内引入：通过style标签 直接定义当前元素的样式 优先级最高 --><div style="border: 1px solid red;">div1</div><div style="border: 1px solid red;">div2</div><span style="border: 1px solid red;">span1</span><span style="border: 1px solid red;">span2</span></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>/* 元素选择器：只写元素名 就会选中当前页面内所有的元素 *//* CSS注释*//* 页面内引入，在当前页面内有效。优先级第二。 */div{border: 1px solid red;}span{border: 1px solid red;}</style></head><body><div>div1</div><div>div2</div><span>span1</span><span>span2</span></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><!-- 外部引入，优先级最低。但是可以被多个页面复用。 --><link href="./css/a.css" rel="stylesheet" /></head><body><div>div1</div><div>div2</div><span>span1</span><span>span2</span></body>
</html>

CSS基本语法

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>div .div1 {border: 1px solid red;}</style></head><body><div><span><div class="div1">div1</div></span></div><div class="div1">div1</div></body>
</html>

并集选择

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>p,.txt,span,#font1{color: red;}</style></head><body><p class="txt">123456</p><div class="txt">123456</div><p>123456</p><span>123456</span><font id="font1">123456</font></body>
</html>

字体属性

属性名	含义	举例
font-family	设置字体类型	font-family:“隶书”
font-size	设置字体大小	font-size:12px;
font-style	设置字体风格	font-style:italic;
font-weight	设置字体粗细	font- weight:bold;
font	在一个声明中设置所有字体属性	font-italic bold 36px "宋体“

我们通常都会这样来定义字体，这也是用的最多的定义方式。这些网页字体依次是 “苹果丽黑字体”(这个是苹果系列设备上用)，微软雅黑、文泉驿(细)微米黑字体，宋体，Tahoma,Arial,Helvetica,苹果黑体字体(这个是苹果系列设备上用)

.selector{ font-family:&amp;quot;Microsoft YaHei&amp;quot;,微软雅黑,&amp;quot;MicrosoftJhengHei&amp;quot;,华文细黑,STHeiti,MingLiu }

水平对齐方式

text-align 属性

值	说明
left	把文本排列到左边。默认值：由浏览器决定
right	把文本排列到右边
center	把文本排列到中间
justify	实现两端对齐文本效果

文本装饰

text-decoration属性

值	说明
none	默认值，定义的标准文本。
underline	设置文本的下划线
overline	设置文本的上划线
line-through	设置文本的删除线
blink	在文本闪烁，此值在IE中无效

设置鼠标形状

超链接样式

设置背景图像

一文讲通HTML样式管理，利用CSS语法实现html样式更改（在html文件内）相关推荐

【云原生|K8s系列特别篇】：一文速通实战Helm管理工具
本期文章是K8s特别篇,主要是速通学习Helm之简介.仓库.实践应用等.通过本期文章:我们将学习Helm的基础知识.简介.仓库.实践应用等在前期的文章中,已经介绍了一些云原生入门的知识及简单实战,感 ...
html中选择样式,html中css三种常见的样式选择器 zz
1:标签选择器标签选择器,是所有带有某种标签的都生效.这里以p为例,也就是所有的带有p标记的都会这样的样式 p{font:"宋体"; color:#FF0000} 我现在表现的是 ...
php超链接样式,html和css中设置超链接样式方法的总结
在之前的文章中我们介绍了关于html中超链接的颜色设置,我们都也知道超链接在网站中都是无处不在的,超链接是跳转到另一个页面的入口,当你把鼠标移动到超链接上,会有颜色或者样式的改变,那么我们今天就给大家 ...
javafx css样式_使用CSS设置JavaFX饼图样式
javafx css样式渲染图表时, JavaFX默认提供某些颜色. 但是,在某些情况下,您想自定义这些颜色. 在此博客文章中,我将使用一个示例来更改JavaFX饼图的颜色,该示例打算在今天下午在2 ...
【行业应用】一文讲通电力数字化转型
这个公众号是随着电力公司的数据应用班成立而诞生的,起初我的规划是记录电力公司的数字化转型进程并同步作知识沉淀,作为先行者帮助后来者提供思路和参考. 但是走着走着就走歪了,变成了大量Python和RPA ...
【一文讲通】样本不均衡问题解决--上
目录 1. 数据类别不均衡问题 2. 解决办法过采样: 欠采样: ensemble 方法: 修改损失函数: 梯度调和机制: Dice Loss: 标签平滑: 3. 类别不均衡问题loss设计 4. ...
tms570 can 接收大量数据_超全！嵌入式必懂的CAN总线一文讲通了
嵌入式的工程师一般都知道CAN总线广泛应用到汽车中,其实船舰电子设备通信也广泛使用CAN,随着国家对海防的越来越重视,对CAN的需求也会越来越大.这个暑假,通过参加苏州社会实践,去某船舶电气公司实习几 ...
超全！嵌入式必懂的CAN总线一文讲通了
嵌入式的工程师一般都知道CAN总线广泛应用到汽车中,其实船舰电子设备通信也广泛使用CAN,随着国家对海防的越来越重视,对CAN的需求也会越来越大.这个暑假,通过参加苏州社会实践,去某船舶电气公司实习几 ...
嵌入式必懂的CAN总线，一文讲通了
关注.星标公众号,直达精彩内容来源:周立功嵌入式的工程师一般都知道CAN总线广泛应用到汽车中,其实船舰电子设备通信也广泛使用CAN,随着国家对海防的越来越重视,对CAN的需求也会越来越大.这个暑假 ...