本课程深入研究使用级联样式表(CSS)增强HTML视觉效果。 我们将从CSS选择器开始 - 针对特定HTML元素的工具。 [2
CSS决定了HTML组件的外观:颜色,间距,大小等。虽然您可以使用内联属性(例如
element在 emplort)exply(&& && &&&)emplort的
egiarter()使用
p {
颜色:红色;
文本描述:下划线;
}
或者
/ * style.css */
p {
颜色:红色;
文本描述:下划线;
}
元素的样式。 浏览器开发人员工具(例如,右键单击,在Chrome中进行“检查”),让您检查并修改应用样式进行故障排除。
选择所有/* style.css */
p {
color: red;
text-decoration: underline;
}
每个元素都可以具有唯一的。 ID选择器(#idname
)目标元素通过其
s必须是唯一的,限制了它们的灵活性。 类提供更大的多功能性。 多个元素可以共享同一类。类Selectors(。className
)与该类的目标元素。 元素可以具有多个类(例如,)。
。red-text {颜色:red; }
使用类样式。
p.red-text 专门仅样式
red-text
[2
文档对象模型(DOM)表示页面的结构为树。 组合器选择器利用此层次结构。
:在。 div> p
:仅选择 elements。
[2
[2
不建议使用过度复杂的组合组合。 您可以将它们与类Selectors(例如
)结合使用。
[2
)。 伪元素选择器针对元素的一部分(例如, :: first-letter
)。
[2
[2
h1,h2,p
属性selectors(例如,
):基于属性。
[2
响应式设计
响应式图像
最初出现在Thedevspace。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3