HTML.入门篇选择器(1)

网页分成三个部分

           结构  html

           表现  css

           行为  

        css  -层叠样式表

        网页其实是多层的,css可以给每一层设置样式,最终我们看到的是最上面的一层      

        你要找的事,找对追求目标,然后各种花招追求她(他)

color 设置字体颜色

         backgroundColor  设置背景色

         font-size 设置字体的大小

  

第一种方式:内联样式/行内样式

         直接写在开始标签里面

         style属性,在属性值里写css样式

         css样式的语法:样式名:样式值;    名值对

         可以写多组样式,只要以分隔号隔开即可

      优势:

        1、比较有针对性

      缺点:

        1、修改起来不方便

        2、结构和表现耦合了

  第二种方式:内部样式表

    在head标签内部,写一个style标签,通过各种选择器选中对应元素,在{}内设置样式

    样式结构也是名值对,可以写多组样式,必须用分隔号隔开,最后一个样式,可以不用分隔号

    但一般我们都是加上分隔号的

    优势:

      1、修改比较方便

      2、结构和表现就分开

    缺点:

      1、不方便复用

  

    <style>

     

    </style>

    第三种方式:外部样式表

    在html文件外,新建.css文件,在css文件里,选中对应的元素,设置样式

    通过link标签,引入.css文件,即可生效

    这种方式推荐使用

    比较方便复用,而且html文件也更干净

    <link rel="stylesheet" href="./index.css">

  </head>

  <body>

CSS的语法:

          选择器  声明块    

        选择器:    

        声明块:名值对结构    样式名:样式值;

   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值