欢迎光临
我们一直在努力

CSS | CSS基础语法

CSS样式规则由两部分组成:选择器,声明

  • 选择器用于找出所要修改样式的元素
  • 声明放置在 { } 内,包括属性和值,中间用 ; 隔开

引用CSS标签时需要把下面的内容放置在head标签内

<style type="text/css">
     CSS样式
</style>

当我们需要对不同标签设置相同属性时,只需要把对应标签全部放在选择器上,中间用逗号隔开

<style type="text/css">
     h1,h2,h3{font-size: 30px;color: rebeccapurple;}
</style>

CSS添加注释的方法为:/*注释内容*/

/*css注释内容*/

一个修改文字样式的案例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>css样式基础</title>
        <style type="text/css">
            p{font-size: 30px;color: blue;font-family: "隶书";}
            h1,h2,h3{font-size: 30px;color: rebeccapurple;} /*为多个元素设置相同属性*/
        </style>
    </head>
    <body>
        <h1>css层叠样式</h1>
        <h2>css层叠样式</h2>
        <h3>css层叠样式</h3>
        <p>用于定义HTML内容在浏览器中的显示样式</p>
    </body>
</html>
赞(0) 打赏
未经允许不得转载:散人研 » CSS | CSS基础语法
分享到: 更多 (0)

评论 抢沙发

8 + 1 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏