css字体样式属性,子代选择器、伪类选择器,后代选择器

css字体样式属性:

1.font-size:字号大小

该属性可以分为相对长度单位和绝对长度单位,绝对单位用的少

常用的相对单位有:em(1em等于一个汉字距离离) px(像素)

2.font­ family:字体

常见的字体:微软雅黑

css样式:p{ font ­family:"微软雅黑";}

3.font ­weight:字体粗细
字体加粗除了用 b 和 strong 标签之外,可以使用CSS 来实现,但是CSS 是没
有语义的。font-weight属性用于定义字体的粗细,其可用属性值:normal、bold、bolder、lighter、
100~900(100的整数倍)

系统默认为400px等同于normal  bold等同于700px

css样式:p{ font ­weight:"700";}

4.font­ style:字体风格(斜体,正常体)

normal:默认值,浏览器会显示标准的字体样式。
italic:浏览器会显示斜体的字体样式。
oblique:浏览器会显示倾斜的字体样式。

5.font:综合设置字体样式 (重点)
选择器{font: font-style font-weight font-size/line-height font-family;}
注意:其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font
属性将不起作用。
 

1.子元素选择器
子元素选择器只能选择作为某元素子元素的元素

css样式:.demo > h3 {color: red;}

说明 h3 一定是demo 亲儿子。 demo 元素包含着h3

2.伪类选择器
伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果

:link /* 未访问的链接 */
:visited /* 已访问的链接 */
:hover /* 鼠标移动到链接上 */
:active /* 选定的链接 */

css样式:选择器:属性{}

3.后代选择器

子元素选择器只能选择作为所有元素子元素的元素

与子代选择器不同的是,该选择器所有子集都可以被选择


 

猜你喜欢

转载自blog.csdn.net/qq_40281275/article/details/81949487