怎么在css中设置字体样式-创新互联

本篇文章给大家分享的是有关怎么在css中设置字体样式,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联专注于腾冲网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供腾冲营销型网站建设,腾冲网站制作、腾冲网页设计、腾冲网站官网定制、微信小程序服务,打造腾冲网络公司原创品牌,更为您提供腾冲网站排名全网营销落地服务。

1.父子(派生)选择器


        
            234
        
123

此时要使234有颜色,需要用到父子选择器,虽说用之前的标签选择器可以让它有颜色,但是123也会有颜色,所以用到为父子关系的父子选择器,这样就可以精确的让234变色而不使123变色,使用的方法就是父级标签+空格+子级标签,例如

div strong em{
    backgroud-color:red;
}

这样234所在位置背景颜色为红,但是123所在位置不满足父子关系,所以123所在背景不会变红;(当然不一定只能用标签选择器连接,也可以用class选择器等,只取决于是否满足父子关系,与连接选择器无关)

2.直接子元素选择器

        123                      456         

表示直接一级关系的子元素,例如这里的123是div下面直接的一个em里面,所以称这个em是div的直接子元素,通过这种方式修饰,只会让123变色,而456不会变色,使用的方法是

div > em {
background-color:red;
}

通过 “>” 连接,这表示对div的直接子元素em里面的内容进行修饰。

3.并列选择器

 1 
 2 
 3 

这个时候要想2变色而其他的不变色,用标签选择器、属性选择器是办不到的(当然可以用加id选择器),所以这个时候就需要并列选择器,就是通过两个并列的元素来找到修饰对象,从而进行修饰。使用方法如下:

div.demo{
    background-color:red;
}

并列选择器(多个选择条件选中一个对象)具有它的独特性(与其他元素不一样),方法是两个或两个以上的选择方法不加空格连接在一起。

]

使用复杂选择器需要考虑权重问题,同一排的标签,权重值可以直接相加
接下来是css字体样式和颜色的一些简单属性;

div{
    font-size:30px;      
    font-weight:bold;    
    font-style:italic;    
    font-family:arial;   
    color:green;         
    color:ff00ff;        
    color:rgb(25,25,25); 
}

css的选择器有哪些

css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以有多种组合,有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等

以上就是怎么在css中设置字体样式,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


本文题目:怎么在css中设置字体样式-创新互联
URL标题:http://scjbc.cn/article/dchphh.html

其他资讯