您的位置：图文专栏 > 技术教程 > HTML5/CSS3速成教程 >

7-1 认识CSS样式

发布时间：2021-03-17 13:29:14

7-1 认识CSS样式

CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。
如下列代码： 
p{
   font-size:12px;
   color:red;
   font-weight:bold;
}
使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
演示代码： 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>认识CSS样式</title>
    <style type="text/css">
    p {
        font-size: 12px;
        /*设置文字字号*/
        color: red;
        /*设置文字颜色*/
        font-weight: bold;
        /*设置字体加粗*/
    }
    </style>
</head>
<body>
    <p>57自学网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！</p>
</body>
</html>
font-size:12px;后面的分号;不能忘记。
上一篇： 6-12 使用重置按钮，重置表单信息

下一篇： 7-2 CSS样式的优势

最后更新