初始css

什么是css?

表现层、美化html

cascading style sheets

层叠样式表、css样式表、级联样式表

作用:设置页面中元素的位置。排版。样式外观等

css语法规范:

主要由两部分组成:选择器、样式声明

语法:

选择器{

样式声明:

属性:属性值:

}

使用场景:

单个HTML标签需要设置特定的样式

优缺点:

优点:比较直观

缺点:相同的样式需要重复定义,造成代码冗余;

作用范围小、不利于后期维护;

代码不能重复使用,结构样式不分离

注意:然后HTML标签都可以设置行间样式,

  内部样式:

  内容样式:

            语法:

                使用style标签包裹样式

            使用场景:

                单个html文档需要设置特定样式时。

            优缺点:

                相对于行间样式,代码可以复用

                作用范围大于行间样式的范围。

                结构样式半分离。

   外部样式:

 把css代码单独分离出来

            创建一个新的文件,新文件的后缀名.css

            具体的css写在css文件中

            在href内部使用link标签引入刚才新建的css文件

        使用场景:

            多个html文件具有形同样式使用

        优缺点:

            1、适用范围广,代码可以重复使用

            2、便与代码修改与维护

            3、结构样式彻底分离

 rel  表示引入文件与当前文档的关系、层叠样式表

        stylesheet:层叠样式表

        href:资源的链接地址

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值