首页 / CSS / css折叠样式（3）——常用样式属性
css折叠样式（3）——常用样式属性
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css折叠样式（3）——常用样式属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1587字，纯文字阅读大概需要3分钟。
内容图文
一、颜色属性
650) this.width=650;" src="/upload/getfiles/default/2022/11/9/20221109104230227.jpg" title="5.png" />demo.html
<!doctype html>
<html>
<head>
<title>CSS的颜色属性的四种方式</title>
<meta charset="utf-8">
<style type="text/css">
body{
color:red
}
.c1{
color:#ff6600
}
.c2{
color:rgb(0,0,255) /* 红(R)、绿(G)、蓝(B) 每个的取值范围0~255 */
}
.c3{
color:rgba(0,100,0,0.4) /* RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的(色彩空间)透明度(0-1) */
}
</style>
</head>
<body>
<p>这是第一种方式</p>
<p class="c1">这是第二种方式</p>
<p class="c2">这是第三种方式</p>
<p class="c3">这是第四种方式</p>
</body>
</html>
二、字体属性
650) this.width=650;" src="/upload/getfiles/default/2022/11/9/20221109104230584.jpg" title="6.png" />demo.html
<!doctype html> <html> <head> <title>CSS的字体属性</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p class="c1">字体大小20px</p> <p class="c2">楷体</p> <p class="c3">加粗</p> <p class="c4">斜体</p> </body> </html>
style.css
p.c1{
font-size:50px
}
p.c2{
font-family:KaiTi,SimSun /* 可以使用“，”隔开，以确保当字体不存在的时候直接使用下一个 */
}
p.c3{
font-weight:bold /* font-weight 字体加粗,normal(默认值)、bold(粗)、bolder(更粗)、lighter(更细) */
/*另外一种方式：100、200、300~900，400 = normal，而 700 = bold，只能整百 */
}
p.c4{
font-style:italic /* normal:标准 italic:斜体 oblique:倾斜 inherit：继承 */
}
本文出自 “发酸的牛奶” 博客，转载请与作者联系！
原文：http://wengmengkai.blog.51cto.com/9016647/1825872
内容总结
以上是互联网集市为您收集整理的css折叠样式（3）——常用样式属性全部内容，希望文章能够帮你解决css折叠样式（3）——常用样式属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】