CSS的概念
HTML5Css的基础笔记——1
CSS选择器语法
HTML5Css的基础笔记——1
Style标签定义在head中
HTML5Css的基础笔记——1

HTML引用CSS的三种方式
行内样式——相当于自己的衣服,主要在开发或测试阶段临时使用;【style属性】
内部样式——相当于公司的衣服,较少使用;【style标记】
外部样式——相当于三方公司的衣服,主流的使用方式; 【link标记】和【style标记中导入】
HTML5Css的基础笔记——1
为标签添加style属性,它的值为CSS属性的名值对,名值之间用冒号分开,名值对之间使用分号隔开。
HTML5Css的基础笔记——1
在< style>标记里,写css的选择器。
HTML5Css的基础笔记——1
这个css文件路径很重要
下面是导入链接
HTML5Css的基础笔记——1
HTML5Css的基础笔记——1
优先级
HTML5Css的基础笔记——1
CSS基本选择器:标签选择器、类选择器、ID选择器
HTML5Css的基础笔记——1
标签选择器
HTML5Css的基础笔记——1
类选择器
HTML5Css的基础笔记——1
ID选择器
HTML5Css的基础笔记——1
标签选择器:
选择器名称是HTML标记,所有指定标记都会使用声明里的CSS属性。
缺点:所有标记都生效,无法精细化控制。
优点:如果要对所有指定标记生效时,使用标签选择器是最快的。

类选择器(用得最多,建议使用,也最灵活)
选择器名称是以【.】打头,标记要使用class属性引用。
优点:定义一次,可以n次使用,使用时,只要为该标记的class属性指定对应名称即可。

ID选择器
选择器名称是以【#】打头,标记要使用id属性引用。
缺点:同一份HTML里的,id属性的值不能重复;导致ID选择器只能应用一次。
主要原因:id属性在javascript里,可以用于快速定位某个标记。
HTML5Css的基础笔记——1
HTML5Css的基础笔记——1
换为外部样式表的方式:
HTML5Css的基础笔记——1
CSS基本选择器小结
HTML5Css的基础笔记——1
HTML5Css的基础笔记——1

相关文章:

  • 2021-05-20
  • 2022-01-11
  • 2022-01-11
  • 2021-11-30
  • 2021-09-26
  • 2021-11-30
  • 2021-12-09
  • 2021-12-31
猜你喜欢
  • 2021-10-16
  • 2021-11-23
  • 2021-10-11
  • 2021-07-21
  • 2021-08-29
  • 2022-01-26
  • 2021-10-13
相关资源
相似解决方案