html5ulli样式效果 html5的style

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基本选择器小结