前端 | (四)CSS基础及CSS选择器 | 尚硅谷前端html+css零基础教程2023最新

学习来源:尚硅谷前端html+css零基础教程,2023最新前端开发html5+css3视频

文章目录

  • CSS基础
    • CSS简介
    • CSS编写位置
      • ⭐️行内样式
      • ⭐️内部样式
      • ⭐️外部样式
    • 样式表的优先级
    • CSS语法规范
    • CSS代码风格
  • CSS选择器
    • CSS基本选择器
      • ⭐️通配选择器
      • ⭐️元素选择器
      • ⭐️类选择器
      • ⭐️id选择器
      • ⭐️基本选择器总结
    • CSS复合选择器
      • ⭐️交集选择器
      • ⭐️并集选择器
      • ⭐️HTML元素间的关系
      • ⭐️后代选择器
      • ⭐️子代选择器
      • ⭐️兄弟选择器
      • ⭐️属性选择器
      • ⭐️伪类选择器
      • ⭐️伪元素选择器
    • 选择器的优先级(权重)

⭐️前文回顾:前端 | (三)表单及HTML4收尾 | 尚硅谷前端html+css零基础教程2023最新
⭐️前文对应p41-p56,本文对应p57-p86
⭐️补充网站:W3school,MDN

CSS基础

CSS简介

前端 | (四)CSS基础及CSS选择器 | 尚硅谷前端html+css零基础教程2023最新_第1张图片

CSS编写位置

⭐️行内样式

  • 写在标签的style属性中,又称内联样式。
  • 语法:
    前端 | (四)CSS基础及CSS选择器 | 尚硅谷前端html+css零基础教程2023最新_第2张图片
    前端 | (四)CSS基础及CSS选择器 | 尚硅谷前端html+css零基础教程2023最新_第3张图片

⭐️内部样式

  • 写在html页面内部,将所有的CSS代码提取出来,单独放在