4月23日

CSS 就是给 HTML 网页化妆、排版的语言，控制网页的颜色、大小、位置、字体、样式等。
一、3 种引入 CSS 的方式

1. 行内样式（写在标签里）
   html
   预览

我是红色文字

2. 内部样式（写在 里） html 预览 3. 外部样式（单独 .css 文件，最常用） html 预览 二、最常用 CSS 属性（直接复制用） 文字样式 css color: red; /* 文字颜色 */ font-size: 16px; /* 文字大小 */ font-weight: bold; /* 加粗 */ text-align: center; /* 居中 */ text-decoration: none; /* 去掉下划线 */ 盒子 / 布局样式 css width: 200px; /* 宽度 */ height: 100px; /* 高度 */ background: #fff; /* 背景色 */ margin: 10px; /* 外边距 */ padding: 10px; /* 内边距 */ border: 1px solid #000; /* 边框 */ border-radius: 8px; /* 圆角 */ 定位 / 显示 css display: block; /* 块级 */ display: none; /* 隐藏 */ position: relative;/* 相对定位 */ position: absolute;/* 绝对定位 */ 三、CSS 选择器（怎么选中元素） css /* 标签选择器 */ div { color: red; }

/* 类选择器（最常用） */
.box { color: blue; }

/* ID选择器 */

title

/* 子元素 */
.box p { color: gray; }
四、给你一个完整小案例
html
预览

我是CSS样式卡片

总结 CSS = 给网页美化排版 三种引入方式：行内、内部、外部 最常用：颜色、大小、宽高、边距、背景、圆角