css代码书写位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--
        color   设置字体颜色
        background-color   设置背景色
        font-size    设置字体大小   默认字体大小是16px
    -->
    <!--第二种方式:内部样式表
       写在head标签内部,写一个子元素,style标签,
       通过选择器中对应的要设置的元素/标签,在{}里设置一组一组样式
       也可以写多组样式,也需要;隔开
       
       缺点:不方便复用
    -->
    <!--第三种方式:外部样式表
      在html文件的外部建一个,css文件,在css文件里写样式
      然后通过在head标签内部写子标签link标签,
         将html标签和css连接在一起
         link标签里有href属性,在href里写入
    -->
</head>
<body>
     <!--第一种方式:内联样式/行内样式
       写在标签里面,写一个style属性,将一组一组的样式写在style里面
       color;red;  样式名;样式值
       可以写多组样式,但一定要用;隔开

       优点:
       1、使用方便,不容易错
       缺点:
       1、结构和表现耦合了
       2、不容易修改
       注意:尽量少用
    -->
    
</body>
</html>

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值