ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

css的样式

2020-12-14 20:57:35  阅读:163  来源: 互联网

标签:星星 样式 标签 color 照亮 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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有