作业CSS

最新推荐文章于 2024-09-14 13:04:57 发布

予安不会写博客

最新推荐文章于 2024-09-14 13:04:57 发布

阅读量49

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/m0_73819250/article/details/133977735

版权

1.什么是CSS？

CSS 是 "层叠样式表"（Cascading Style Sheets）的缩写。它是一种用于描述HTML或XML（包括各种XML方言，如SVG、XHTML、XHTML等）文档样式的样式表语言。CSS的主要目的是将文档的内容与其表示方式分离，包括布局、颜色和字体。这种分离可以改善内容的可访问性，提供更多的布局和样式控制选项，同时简化代码和站点的维护。

2.CSS3的基本语法结构是什么？

CSS3 的基本语法结构是由选择器（selector）和声明块（declaration block）组成的。声明块包含一个或多个声明，每个声明由属性和值组成。例如：

selector {

property: value;

another-property: another-value;

}
3.CSS3的基本选择器有哪几种？语法规则是什么？

元素选择器：选择指定的HTML元素。例如，p 选择所有段落元素。
类选择器：选择具有指定类的元素。例如，.example 选择所有带有类 "example" 的元素。
ID选择器：选择具有指定ID的元素。例如，#example 选择ID为 "example" 的元素。

4.CSS3的高级选择器有哪些？

子代选择器：选择特定元素的直接子元素。例如，div > p 选择所有直接作为 div 元素子元素的 p 元素。
后代选择器：选择特定元素的后代元素。例如，div p 选择所有作为 div 元素后代的 p 元素。
相邻兄弟选择器：选择特定元素的下一个兄弟元素。例如，h1 + h2 选择所有紧接在 h1 元素后的 h2 元素。
通用兄弟选择器：选择特定元素之后的所有兄弟元素。例如，h1 ~ h2 选择所有在 h1 元素之后的 h2 元素。
属性选择器：可以选择带有特定属性或属性值的元素。例如，[href] 选择所有带有 href 属性的元素，而 [href="https://example.com"] 选择 href 属性值为 "https://example.com" 的元素。

5.在HTML中引入CSS样式的几种方式是什么？

行内样式：在 HTML 元素的 "style" 属性中直接写入 CSS 代码。例如：<p style="color: red;">This is a red paragraph.</p>
内部样式表：在 HTML 文档的 <head> 部分使用 <style> 标签包含 CSS 代码。例如：html`<head> <style> p { color: red; } </style> </head>`
外部样式表：在一个单独的 .css 文件中写入 CSS 代码，然后在 HTML 文档的 <head> 部分使用 <link> 标签引用这个文件。例如：html`<head> <link rel="stylesheet" href="styles.css" type="style"> </head>`