CSS的总结1

时间:2023-01-02 20:01:38

1.CSS的行内样式

CSS的总结1

2.CSS的内部样式表

CSS的总结1

3.CSS的外部连接式

CSS的总结1

在头部用link的方式进行连接外部的CSS样式。将外部CSS的路径输入到href里。

4.CSS的字体样式属性

4.1 font-size:字号大小:

  font-size属性用于设置字号。推荐使用像素单位px。

  • px单位名称为像素,像素是固定大小的单元,用于屏幕媒体(即在电脑屏幕上读取)。
  • 一个像素等于电脑屏幕上的一个点 (是你屏幕分辨率的最小分割)。
  • 大多数浏览器的默认字体大小是16px。
4.2 font-family:字体

font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用如下CSS样式代码:

CSS的总结1

4.3 font-weight:字体粗细字体加粗除了用 b 和 strong 标签之外,可以使用css 来实现。

font-weight属性用于定义字体的粗细,其可用属性值:normal、bold、bolder、lighter、100~900(100的整数倍)。

4.4 font-style:字体风格

CSS的总结1

5.选择器

5.1标签选择器:针对一类标签

CSS的总结1

5.2 ID选择器:针对某一个特定的标签使用

CSS的总结1

5.3 类选择器:针对你想要的所有标签使用

CSS的总结1

5.4通用选择器(通配符):针对所有的标签都适用(不建议使用)

CSS的总结1

5.5 链接伪类选择器

CSS的总结1

在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!a:active 必须位于 a:hover 之后,这样才能生效!

6.CSS外观属性

color文本颜色。  line-height行间距:行高是指文本行基线间的垂直距离:基线与基线之间的距离。 

text-align:水平对齐方式

text-decoration:文本修饰

属性值

none | underline | overline | line-through

默认值

none


属性名

text-decoration

描述

对文本进行修饰

letter-spacing:字符间距

text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;可以给文字添加阴影效果



描述

h-shadow

必需。水平阴影的位置。允许负值。

v-shadow

必需。垂直阴影的位置。允许负值。

blur

可选。模糊的距离。

color

可选。阴影的颜色。

前两项是必须写的。 后两项可以选写。