网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么在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中设置字体样式-创新互联
当前网址:http://bjjierui.cn/article/dchphh.html

其他资讯