-
CSS标签:
- 简介:
CSS是层叠样式表,也可以称为CSS样式表或级联样式表.主要用于设置页面中的文本内容,图片的外形以及外观样式等. - css基础选择器:
- 作用:选择标签,
- 分类:
- 类选择器:
- 单独选择一个或者几个标签,
- .类名{ } 引用时使用class="类名"
- 口诀:样式点定义,结构类调用.一个或多个,开发最常用
- 多个类名的使用:中间加空格.
.red{ color: brown; } .font1{ font-size: 35px; } <div class="red font1"> 晓倩加油,你可以的</div>
- 标签选择器:
- 以标签名作为选择器;
- 全部选择某一类标签,快速设置样式,不能差异化设置样式;
- id选择器:
- #自定义名{ } 引用时使用id="自定义名";
- 口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用.
- 通配符选择器:
- 使用"*"定义,表示选取页面中的所有元素
- 不需要调用,可以自动给所有元素使用样式.
- 类选择器:
-
字体属性:
- 字体复合属性(简写有要求:):
- 遵循顺序
font: font-style font-weight font-size /line-height font-family
eg:font: italic 16px 微软雅黑 - 不需要的可以省略,但必须保留font-size和font-family.
- 遵循顺序
- 文字样式:font-style:
- 用于定义文字字体,大小,粗细和文字样式;
- 属性:
normal:默认值,显示标准的字体样式
italic:显示斜体的字体样式
注:学会<em></em>与<i></i>标签为斜体标签.
- 字体粗细:font-weight:
- 使用数字设置加粗时,后面不需要加单位"px";
- 属性:
normal:正常字体,相当于400px;
bold:粗体,相当于700px;
lighter:细体.
注:实际开发中,更推荐使用数字表示文字粗细. - 学会使用标签<strong>或者<h>
- 字体大小:font-size
- 可以给body指定整个页面的文字大小
- 标题标签比较特殊,需要单独制定文字大小.
- 字体类型:
- 各种字体之间使用英文状态下的逗号隔开;
- 有空格隔开的多个单词组成的字体,加引号
- 字体复合属性(简写有要求:):
- 简介:
初识CSS-20220925
最新推荐文章于 2024-09-11 09:32:29 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)