0
点赞
收藏
分享

微信扫一扫

前端-css

狐沐说 2022-03-11 阅读 49

CSS

  • 层叠样式表
  • 作用: 负责美化页面 (装修)

css三大特性:

        继承性

        层叠性

        优先级

如何在html页面中添加CSS样式代码
        内联样式:在标签的style属性中添加样式代码, 弊端:不能复用
        内部样式:在head标签里面添加style标签, 通过选择器找到元素后再添加样式代码, 可以复用但是不能多页面复用
        外部样式:在单独的css样式文件中写样式代码, 在html页面中通过link标签引入, 可以多页面复用,可以将样式代码和html代码分离开.
        工作中外部样式使用的最多, 学习过程中内部样式用的多

选择器
标签名选择器
        格式: 标签名{样式代码}
        匹配页面中所有同名标签
id选择器
        格式: #id{样式代码}
        当需要选择页面中某一个元素时使用
类选择器
        格式: .class{样式代码}
        当需要选择页面中多个不相关元素时, 给多个元素添加相同的class属性值即可
分组选择器
        格式: p,#abc,.xyz{样式代码}
        将多个选择器合并为一个选择器的写法
属性选择器
        格式: 标签名[属性名=‘值’]{样式代码}
        选择器练习
 

举报

相关推荐

前端CSS

前端css介绍

认识前端CSS

前端——css基础

[前端]css的理解 - 了解css

网页前端三(css)

0 条评论