认识CSS样式

Posted Rinpe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了认识CSS样式相关的知识,希望对你有一定的参考价值。

CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义html内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。

如下列代码:

p{
   font-size:12px;
   color:red;
   font-weight:bold;
}

使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识CSS样式</title>
<style type="text/css">
p{
   font-size:20px;/*设置文字字号*/
   color:red;/*设置文字颜色*/
   font-weight:bold;/*设置字体加粗*/
}
</style>
</head>
<body>
<p>xx网,超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>

效果:

以上是关于认识CSS样式的主要内容,如果未能解决你的问题,请参考以下文章

CSS代码片段

CSS代码片段

css CSS片段用于覆盖输入文本的chrome自动完成样式

css 来自myStyles.css的[ArasLabs / custom-form-css]片段,显示应用于myIcon的样式

iText7高级教程之html2pdf——2.使用CSS定义样式

iText7高级教程之html2pdf——2.使用CSS定义样式