其他分享
首页 > 其他分享> > css的样式

css的样式

作者:互联网

css的样式有三种:
1、行类样式:就是直接将样式写在标签上。

<p style="color:red;">我是江小白</p>

2、内联样式:写在当前的HTML的style标签中。
注意: 按照规范style标签写在head标签里

<style>
p{
color: red;
}
div {
color: yellow;
}
</style>
<body>
<div>即使敌众我寡,末将也能在万军丛中取敌将之首级,如从探囊取物</div>
<div>我曾踏足山巅,也曾跌入低谷,二者都让我受益良多,攀登的过程虽然漫长,但巅峰的风景是值得的</div>
<hr>
<p>星空之所以美丽,就是在无限的宇宙中,不管黑暗如何蔓延,都有星星的光芒去把它照亮,世界也是这样,有绝望的地方,就有希望的产生,<p/>
<p>拥有希望的人,和满天的星星一样,是永远不会孤独的,找和自己一样的星星,把通往自由的路,照亮吧。</p>
</body>

3、外联样式:单独创建一个.css的文件,把样式写在文件里。
.css文件

div{
	color: #0000FF;
	font-size: 30px;
}
p{
	color: #FFFF00;
	font-size: 20px;
}
<div>即使敌众我寡,末将也能在万军丛中取敌将之首级,如从探囊取物</div>
<div>我曾踏足山巅,也曾跌入低谷,二者都让我受益良多,攀登的过程虽然漫长,但巅峰的风景是值得的</div>
<hr>
<p>星空之所以美丽,就是在无限的宇宙中,不管黑暗如何蔓延,都有星星的光芒去把它照亮,世界也是这样,有绝望的地方,就有希望的产生,<p/>
<p>拥有希望的人,和满天的星星一样,是永远不会孤独的,找和自己一样的星星,把通往自由的路,照亮吧。</p>

问:三种样式引入方式,在实际开发过程中该如何选择
答:
1.如果是通用样式,就选择外联样式
2.当样式内容过多时,也会将样式单独抽离成一个.css文件,方便管理
3.当某个标签有特殊样式实现,且在页面中是不重复的,出现次数唯一的,就使用行内样式
4.除了上面的几种情况,通常使用的都是内联样式

标签:星星,样式,标签,color,照亮,css
来源: https://blog.csdn.net/starsbloom/article/details/111183073