---CSS的使用方式---

CSS全名:Cascading Style Sheet 层叠样式表
*前端开发者写的标签的样式代码一定是样式库定义的样式!
CSS有三种样式:
1.行内样式
2.内部样式
3.外部样式

以下为这三种样式的详细叙述:
1.行内样式
html标签中指定style属性
其基本格式:
style="css样式属性1:属性值1;css样式2;属性值2;"

<body>
   <a herf="#" style="font-size:30px;color:#0F0;">超链接1</a>
<body>

一般情况下不使用这种方式,这种方式存在的弊端是:
a)css样式代码和html标签混合使用,不利于后期管理
b)行内样式只能一次控制一个标签
2.内部样式
在head标签体中定义一个style标签

   <h5以前,可以指定type="text/css">
   如<style type="text/css">,但是现在可以省略为
   <style>
        /*css注释
              css代码的格式
                     选择器{
                                   书写css属性:css属性值;
                                   }
         **/

eg:标签选择器

<style>
     a{
     color:#F100;()
     font-size:36px;
     }
</style>

同样这种方式也存在弊端:html代码和css代码混合到一起,不利于维护,如果代码不多,可以使用内部样式。
3.外部样式
a)定义一个以后缀.css结尾文件
b)当前html页面中要引入外部css文件
c)在head标签体中定义标签link

 link
         href="外部css文件路径"  rel="stylesheet"(关联层叠样式表,固定值)

eg:标签选择器

 /*外部css文件的内容*/
    a{
             font-size:26px;
            color:#000;(黑色)
    }

记得要在head文件中直接link

<link herf="css/01.css" rel="stylesheet">
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值