ICode9

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

CSS显示模式与选择器优先级

2022-07-31 23:31:36  阅读:142  来源: 互联网

标签:行内 优先级 元素 宽高 display 选择器 CSS


1.显示模式

显示模式 元素排列 样式 默认宽度
块级元素 一行只能放一个 可以设置宽高 容器的100%
行内元素 一行可以放多个 不可以直接设置宽高 本身内容宽度
行内块元素 一行可以放多个 可以设置宽高 本身内容的宽度

显示模式转换

转换为块级元素
display:block;
转换为行内元素
display:inline;
转换为行内块元素
display:inline-block;

2.选择器优先级

继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<!important

当继承优先级最低的时候,!important不能提升继承优先级。

!important写在属性值的后面,分号的前面

3.CSS三大特性

  1. 继承性
  2. 层叠性
  3. 优先级

4.CSS盒模型

content、padding、border、margin

标签:行内,优先级,元素,宽高,display,选择器,CSS
来源: https://www.cnblogs.com/titaniumwu/p/16538605.html

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

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

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

ICode9版权所有