web期末笔记2

一、CSS三种引入方式

1. 行内样式（优先级最高）

2. 内部样式（style标签）

3. 外部样式（link引入css文件，项目首选）
   优先级：行内 > 内部 > 外部

二、选择器优先级

id选择器 > class类选择器 > 标签选择器

三、盒子模型（核心考点）

组成：content内容 + padding内边距 + border边框 + margin外边距
margin: 0 auto；实现块级元素水平居中

四、文字相关样式

1. 基础字体属性
   color文字颜色、font-size字号、font-weight:bold加粗、text-decoration:none清除下划线
   text-align:center水平居中、line-height行高（单行文字垂直居中）

2. 文本溢出省略
   单行省略：固定宽度 + white-space:nowrap + overflow:hidden + text-overflow:ellipsis
   多行省略：-webkit-line-clamp 限制展示行数

五、基础背景与边框样式

background-color背景色、background-image背景图片
border-radius圆角；border统一设置边框粗细、线型、颜色