css基础----字体样式与显示模式

最新推荐文章于 2021-05-31 02:19:10 发布

小白_小可

最新推荐文章于 2021-05-31 02:19:10 发布

阅读量298

点赞数

分类专栏：笔记文章标签： css

本文链接：https://blog.csdn.net/Layfolk_XK/article/details/109483895

版权

本文介绍了CSS中字体样式的设置，包括复合选择器的使用，如后代选择器、子代选择器和并集选择器，并详细讲解了链接伪类选择器。此外，还探讨了CSS元素的显示模式，包括块元素、行内元素和行内块元素的特点及转换方法。

摘要由CSDN通过智能技术生成

在我们给我们的网页进行样式设计的时候,改变字体(fonts)是我们最常用的样式,今天我们先来说道说道这字体样式的设置

字体样式

在这里插入图片描述
以上就是我们经常会使用的一些字体样式

接下来我们接着讲到,上篇文章,我们只讲解了简单的基础选择器,而这次我们来看看更加复杂的复合选择器

复合选择器

后代选择器:
后代选择器（descendant selector）又称为包含选择器。后代选择器可以选择作为某元素后代的元素。格式为父类+空格+子类 { 属性: 属性值;}

<head>
    <style>
        div a {
    
            color: red;
        }
    </style>
</head>

<body>
    <div>
        <a>儿子</a>
        <p><a>孙子</a></p>
    </div>
</body>

</html>

子代选择器:
与后代选择器相比,子元素选择器（Child selectors）只能选择作为某元素子元素的元素,格式为父类>子类 {属性: 属性值;}

<hea

最低0.47元/天解锁文章

小白_小可

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css基础----字体样式与显示模式

在我们给我们的网页进行样式设计的时候,改变字体(fonts)是我们最常用的样式,今天我们先来说道说道这字体样式的设置字体样式以上就是我们经常会使用的一些字体样式接下来我们接着讲到,上篇文章,我们只讲解了简单的基础选择器,而这次我们来看看更加复杂的复合选择器复合选择器后代选择器:...
复制链接

扫一扫