css初级知识点(css样式分类、css选择器种类及优先级)

本文详细介绍了CSS样式的基本分类,包括行内样式、内部样式和外部样式,并阐述了它们之间的优先级关系。此外,深入讲解了各种CSS选择器的使用方法,如标签、类、ID选择器等,以及它们在网页布局设计中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

美化样式

Css样式分类

行内样式:<标签名style=“属性名:属性值;”></标签名>

内部样式:<style></style>

注意:<style><>/style>写在<head></head>里面。

外部样式:

外部样式(企业中推荐应用):

           1.在css文件夹下新建一个css文件 (放样式)

           2.在head里面引用样式<link  rel=“stylesheet”  type=“text/css”  href=“css文件地址”/>

Css样式的优先级

行内样式>内部样式>外部样式

Css选择器:用在内部样式或外部样式

  1. 标签选择器:

   标签名(元素){

             css样式

            }

  1. 类选择器:

1.给元素(标签)起一个类名

    2.通过类选择器实现样式设置

    .className{

   css样式

              }

    body里面用class=

  1. id选择器:

id名:唯一

     #id名{

       css样式

     }

  1. 通配符选择器:

通配符:匹配页面中所有的标签,设置样式

5、群组选择器:

      单一选择器,单一选择器{

               css样式

               }

    //注意:这里的单一选择器就是上面所提到的四种选择器

6、后代选择器:

包含关系

            祖先元素 后代元素{

               css样式

          }

 

7、子代选择器:

      父子关系

            父元素 >子元素{

            css样式

             }

 

Css选择器的优先级

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值