(完整word版)《CSS样式》习题答案.docx资源-CSDN文库

版权申诉

166 浏览量 2022-11-26 18:52:56 上传评论收藏 43KB DOCX 举报

【CSS样式】是Cascading Style Sheets的缩写，用于控制网页元素的呈现方式。CSS提供了丰富的样式规则，包括字体、颜色、布局等，让网页设计更具灵活性和表现力。 1. 引用外部样式表通常使用`<link>`元素，格式如下： ```html <link rel="stylesheet" type="text/css" href="mystyle.css"> ``` 此元素应放置在HTML文档的`<head>`元素中。 2. 内部样式表是将CSS样式写在HTML文档的`<head>`部分，使用`<style>`标签包裹，如： ```html <head> <style> /* CSS样式规则 */ </style> </head> ``` 3. 在HTML元素中定义样式表的属性名是`style`，例如： ```html <div style="color: blue;">内容</div> ``` 4. 定义CSS样式的正确格式使用花括号包围规则，如： ```css body { color: black; } ``` 5. CSS中的注释语句使用`/* ... */`，例如： ```css /* 这是一个注释 */ ``` 6. 若要在多个网页中应用相同样式，应使用外部样式表文件，并在每个页面中引用该文件。 7. `#title {color: red}`表示id为`title`的元素内的文字颜色为红色。 8. `.outer {background-color: yellow}`表示具有`class="outer"`的元素背景色为黄色。 9. `onMouseOver`事件会在鼠标移入元素时触发，可以用来改变文本框边框颜色。 10. 层的隐藏通常通过设置`display`属性为`none`来实现，例如： ```css .hidden { display: none; } ``` 11. `font-size`, `font-style`和`text-align`是文本属性，而`font-color`不是一个标准的CSS属性，应写作`color`。 12. 要改变按钮的背景图片，可以使用`onMouseOver`事件结合`className`属性，如： ```html <button onMouseOver="this.className='btnPic'" class="btn">按钮</button> ``` 简答题知识点： 1. 标记选择器，如`h1{ color: red; font-size: 25px; }`，用于设置所有`<h1>`标题的样式。 2. 类别选择器，如`.red{ color: red; font-size: 18px; }`，应用于HTML元素的`class`属性，如`<p class="red">文本</p>`。 3. ID选择器，如`#bold{ font-weight: bold; }`，用于唯一标识一个元素，如`<p id="bold">加粗文本</p>`。 4. 行内式CSS样式，如`<p style="color: #ff0000; font-size: 20px;">正文内容</p>`，直接在HTML元素中定义样式。 5. 内嵌式CSS样式，如： ```html <head> <style> p { color: blue; font-size: 16px; } </style> </head> ``` 将CSS规则写在`<style>`标签内，应用于整个HTML文档。这些是CSS基础中的关键概念，理解并掌握它们对于创建美观、响应式的网页至关重要。通过实践和不断学习，可以进一步探索CSS高级特性，如选择器的组合、布局技术（如Flexbox和Grid）、动画和过渡效果等。

资源推荐

资源详情

资源评论