<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>CSS</title><link rel="stylesheet" href="./css/style1.css" /></head><body><!-- css作用元素的样式，和布局？--><!-- 内部style属性的优先级更高，style标签优先级更低。内部是内联样式 --><div><h1 style="color: red">Hello World</h1><h1>baidu.cn</h1><h1>前端开发教程</h1><p>ceshi</p></div><!-- HTML,结构化的文本文档，它内部的所有元素，必须使用“标签”进行描述 --><!-- 只要放到了HtmL中的内容，并且要被浏览器进行解析或处理的，必须要放到一个“标签”中 --><!-- 1.找到要被添加样式的元素selecytor:选择器2.为匹配的元素，设置样式规则 --><!-- <style>/* 样式的优先级如下 *//* 行内样式（元素本行的）>文档样式（文档中设置）>默认样式（系统自带） *//* 行内样式（元素本行的）>文档样式（文档中设置）>外部样式link */默认样式>继承父的样式(和文本相关的字体颜色等能继承，盒模型的属性不行)h1 {/* 样式声明：使用的是“名值对” */color: rgb(76, 0, 255);color:green;样式来源，和优先级有关，也和书写顺序相关层叠样式表，后面的覆盖前面的；}/* 选择器{一个或多个样式声明} */</style> --></body></html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
