HTML5Css的基础笔记——1

CSS的概念
这里写图片描述
CSS选择器语法
这里写图片描述
Style标签定义在head中
这里写图片描述

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

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

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

猜你喜欢

转载自blog.csdn.net/qq_42408149/article/details/82392503