ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

从零开始的wed前端学习-css基础

2021-11-18 16:35:09  阅读:142  来源: 互联网

标签:优先级 wed 样式 从零开始 样式表 100 选择器 css


css基础  

  

1.css层叠样式表特点:

继承性

层叠性(可被覆盖)

二.

行内样式表

内嵌式样式表(头部样式表)

链入式样式表(外部样式表)

 

 

三.css优先级:

1.后来者居上原则 : 后来的样式覆盖先前的样式,越往后越说的算

2.行内样式优先级大于头部样式与外部样式

3.头部样式优先级大于等于外部样式(因为后来者居上原则头部样式优先级大于外部样式)

4.越精确越说的算,id选择器>class类选择器>标签选择器

5.!important优先级最最高,但是不到最迫不得已的时候不要使用。

四.权重(权值):

1.行内样式表:1000 id:100 class:10 tag(标签):1

2.计算时,各项相加.

例:权重为100+100 =200

 

 权重越大,优先级越高.

 

 

标签:优先级,wed,样式,从零开始,样式表,100,选择器,css
来源: https://www.cnblogs.com/lcw0/p/15572983.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有