一、HTML与CSS基础结构
1.1 HTML基础结构
HTML文档以<!DOCTYPE html>开头,声明文档类型和版本。<html lang="en">标签定义了HTML文档的语言类型。头部信息(meta标签、title标签)和样式信息(style标签或外部样式表链接)都放在<head>标签中。
1.2 CSS基础结构
CSS用于定义HTML元素的样式,通过选择器和样式属性的组合来指定具体的样式规则。
二、代码示例解析
示例1:优先级和颜色设置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 优先级 就近原则 行内样式一定大于内部和外部 -->
<style>
div {
/*color: aquamarine;*/
color: rgb(255, 0, 0, 0.5); /* 使用RGBa设置颜色,50%透明度 */
}
/* 选择器 {

最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



