css不继承父类的属性有:display、width、height、margin 、border、float、clear、position、top、right、bottom、left、background、content、size等等。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代;也就是说:设置了上级(父级)的CSS样式,上级(父级)及以下的子级(下级)都具有此样式。

css继承性的作用:给父元素设置一些属性,子元素也可以使用。

CSS继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则,应用的时候容易让人迷惑。

那么css不继承父类的属性有哪些?

1、文本属性:vertical-align:垂直文本对齐

text-decoration:规定添加到文本的装饰

text-shadow:文本阴影效果

white-space:空白符的处理

unicode-bidi:设置文本的方向

2、display:规定元素应该生成的框的类型

3、生成内容属性:content、counter-reset、counter-increment

4、盒子模型的属性:width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

5、轮廓样式属性:outline-style、outline-width、outline-color、outline

6、页面样式属性:size、page-break-before、page-break-after

7、背景属性:background、background-color、background-image、background-repeat、background-position、background-attachment

8、定位属性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

9、声音样式属性:pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

(学习视频分享:css视频教程)

css盒子子类继承父类哪些,css不继承父类的属性有哪些相关推荐

  1. html css盒子顶层,HTML学习之四CSS盒子

    CSS盒子模型 Content, padding(内补丁), border; margin(外补丁); 计算宽度,左右内外边界,左右内外边框,内容,左右内外边距. 如果上下左右四个参数,顺序:上右下左 ...

  2. css盒子教程,彻底弄懂css盒子模式(div布局快速入门)_css教程

    实现结构与表现分离 在真正开始布局实践之前,再来认识一件事--结构和表现相分离,这也用CSS布局的特色所在,结构与表现分离后,代码才简洁,更新才方便,这不正是我们学习CSS的目的所在吗?举个例来说P是 ...

  3. HTML盒子模型制作个人名片,网页设计基础 CSS盒子模型 第4章 CSS盒子模型_教学设计.doc...

    博学谷--让IT教学更简单,让IT学习更有效 PAGE 12 PAGE 1 <HTML+CSS+JavaScript网页制作案例教程> 教学设计 课程名称: HTML+CSS+JavaSc ...

  4. css盒子模型输出对联,网页设计基础 CSS盒子模型 第4章 CSS盒子模型_补充案例.doc...

    博学谷--让IT教学更简单,让IT学习更有效 PAGE 18 第4章 补充案例 [案例4-1] 顶部导航栏1 一.案例描述 考核知识点 边框的复合属性.背景颜色 练习目标 灵活运用边框的复合属性. 掌 ...

  5. 11. 前端基础--CSS盒子定位

    文章目录 前端基础--CSS盒子定位 1. 再看CSS 布局的三种机制 2. 为什么使用定位? 3. 定位详解 3.1 边偏移 3.2 定位模式 (position) 静态定位(static) -了解 ...

  6. CSS基本知识总结(HTML+CSS)

    HTML 1.网页组成 网页是由HTML(文字,图片,输入框,按钮,视频,音频...)组成的 2.网页规范(W3C) 结构标准:制作网页必须按照HTML的标准结构去写网页(用于对网页元素进行整理和分类 ...

  7. css里box是什么文件,CSS Box盒模型的详细解说

    CSS盒子模型在于你做css之后每个元素都由一个包围该元素的矩形框定义.了解框模型的工作原理是理解CSS并更好地控制布局和演示的关键.话不多说,让我们直接讨论一下CSS盒子模型是什么,一个盒子如何影响 ...

  8. CSS学习(第三天)(层叠性、继承性、优先级,CSS 盒子模型)

    紧接第二天 CSS学习第三天 5 CSS的三大特性 5.1 层叠性 5.2 继承性 5.2.1 行高的继承 5.3 优先级 5.3.1 优先级(注意) 5.3.2 优先级(权重叠加) 6 CSS 盒子 ...

  9. CSS盒子模型之CSS3可伸缩框属性(Flexible Box)

    CSS盒子模型(下) 一.CSS3可伸缩框(Flexible Box) 可伸缩框属性(Flexible Box)是css3新添加的盒子模型属性,有人称之为弹性盒模型,它的出现打破了我们经常使用的浮动布 ...

最新文章

  1. python求平方根的代码_Python求平方根(附带源码)
  2. Salesforce 数据备份和恢复小知识
  3. PostgreSQL新手入门教程
  4. Trustdata:映客直播站稳行业第一梯队 用户粘性增长明显
  5. 一名IT经理是如何把项目带崩的。。。
  6. Java编程中程序员会遇到的一些感性烦恼,你有遇到吗?
  7. C#使用百度API通过IP获取地理位置和坐标
  8. Java 基本数据类型总结
  9. Java 打印程序设计
  10. php7isapi,WINDOWS 2000下使用ISAPI方式安装PHP
  11. 旋转矩阵之到底顺时针还是逆时针
  12. C语言函数之 fabs()
  13. oracle exp 排除某些表导出其他表
  14. 【python基础】小练习③——华氏温度与摄氏温度转化
  15. pads layout查看管脚连接
  16. 【李佳辉_周报_2022.10.23】
  17. html如何拉伸一个图片,css怎么拉伸图片?
  18. 什么是时间序列数据?
  19. Unity使用Mysql(添/删/改/查)(保姆级)
  20. vue 实现商品列表的添加、删除,搜索

热门文章

  1. FLASH与ASP.NET通讯
  2. 公告:Rover's Official Blog停止更新
  3. powerdesigner 新建按钮是灰色的
  4. asp.net中URL参数传值中文乱码的三种解决办法
  5. hibernate fetch使用
  6. 如何使用dmidecode命令查看硬件信息
  7. 用户行为分析笔记(一):概述
  8. J2EE项目移植问题二
  9. 速卖通关键词挖掘工具_网站优化必备的关键词挖掘工具
  10. GET请求中URL的最大长度限制总结