CSS作业

1.

外部样式表中的链入式和导入式，一般推荐使用链入式，也就是使用 link 元素来引入外部 CSS 文件。这是因为链入式有以下优点：

链入式可以在加载页面的同时加载 CSS 文件，这样可以提高页面的渲染速度和用户体验。

链入式可以被浏览器缓存，这样可以减少网络请求和流量消耗。

链入式可以被 DOM 操作，这样可以动态地改变样式表的引用和属性。

链入式的优先级高于导入式，这样可以避免样式冲突和覆盖。

导入式，也就是使用 @import 规则来引入外部 CSS 文件，相比于链入式，有以下缺点：

导入式会在页面加载完成后再加载 CSS 文件，这样可能会导致页面闪烁或者无样式的情况。

导入式不会被浏览器缓存，这样每次访问页面都会重新请求 CSS 文件。

导入式不能被 DOM 操作，这样无法动态地改变样式表的引用和属性。

导入式的优先级低于链入式，这样可能会造成样式冲突和覆盖。

外部样式表在 html 文档内任何位置引用都会生效，但是正确引用外部样式表的位置是在 head 元素内。这是因为：

在 head 元素内引用外部样式表可以保证 CSS 文件在页面渲染之前就被加载，这样可以避免页面闪烁或者无样式的情况。

在 head 元素内引用外部样式表可以遵循 HTML 的语义结构，将文档的元数据和内容分开，这样可以提高代码的可读性和可维护性。

2.

元素默认属性是指元素在没有设置任何样式的情况下，浏览器会自动应用的属性。例如，<p>元素的默认属性是 display: block; margin-top: 1em; margin-bottom: 1em; 等。不同的浏览器可能有不同的默认属性值，所以有时候需要使用 CSS 重置来消除这些差异。

查看元素默认属性的方法有多种，例如：

使用浏览器的开发者工具 ，可以在元素面板 中查看元素的计算样式，其中包含了元素的默认属性和继承属性。
使用 CSS 的 initial 关键字，可以将元素的某个属性设置为其初始值。例如，p { color: initial; } 就可以将 <p> 元素的颜色设置为其默认值。
使用 CSS 的通配符选择器 (*) ，可以选择页面中的所有元素，并为它们设置统一的样式。通配符选择器常用于做一些全局的样式设置，例如清除默认的外边距和内边距，或者设置字体和颜色等。但是，通配符选择器也会影响性能和优先级，所以要谨慎使用。

3.

CSS 字体属性用于指定在网页中使用的字体样式。以下是一些常用的 CSS 字体属性：

1. `font-family`：指定字体的名称或字体堆栈。可以指定多个备选字体，并按优先级逐个尝试直到找到系统支持的字体。

2. `font-style`：指定字体样式，如普通（`normal`）、斜体（`italic`）或倾斜（`oblique`）。

3. `font-weight`：指定字体的粗细程度，如正常（`normal`）或粗体（`bold`）。也可以使用数值表示粗细程度。

4. `font-size`：指定字体的大小。可以使用相对单位（如 `em`、`rem`）或绝对单位（如 `px`）来指定大小。

5. `line-height`：指定行高，用于控制每行文字的垂直间距。

6. `text-decoration`：指定文本装饰效果，如下划线（`underline`）或删除线（`line-through`）。

7. `text-transform`：指定文本的大小写转换方式，如大写（`uppercase`）、小写（`lowercase`）、首字母大写（`capitalize`）等。

这些是常用的 CSS 字体属性，可以根据需要进行组合使用来创建所需的字体样式。

4.

CSS文本属性是用来控制文本的样式和布局的属性，它们可以应用于任何包含文本的元素，比如<p>、<h1>、<span>等。下面是一些常用的CSS文本属性的写法、适用元素和属性值：

font-family: 用来指定文本的字体，可以是一个或多个字体名称，用逗号分隔，或者是一个通用字体族，如serif、sans-serif等。

font-size: 用来指定文本的大小，可以是一个绝对长度单位，如px、pt、cm等，或者是一个相对长度单位，如em、rem、%等，或者是一个关键字，如small、medium、large等。

font-style: 用来指定文本的样式，可以是normal（正常）、italic（斜体）或oblique（倾斜）。

font-weight: 用来指定文本的粗细程度，可以是一个数字，从100到900，越大越粗，或者是一个关键字，如normal（400）、bold（700）、lighter（比父元素更细）或bolder（比父元素更粗）。

color: 用来指定文本的颜色，可以是一个预定义的颜色名称，如red、blue等，或者是一个十六进制值，如#ff0000、#00ff00等，或者是一个RGB值，如rgb(255,0,0)、rgb(0,255,0)等，或者是一个HSL值，如hsl(0,100%,50%)、hsl(120,100%,50%)等。

text-align: 用来指定文本的对齐方式，可以是left（左对齐）、right（右对齐）、center（居中对齐）或justify（两端对齐）。

text-decoration: 用来指定文本的装饰效果，可以是none（无装齰）、underline（下划线）、overline（上划线）、line-through（删除线）或blink（闪烁）。也可以组合多个值，用空格分隔。