css盒子子类继承父类哪些,css不继承父类的属性有哪些
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不继承父类的属性有哪些相关推荐
- html css盒子顶层,HTML学习之四CSS盒子
CSS盒子模型 Content, padding(内补丁), border; margin(外补丁); 计算宽度,左右内外边界,左右内外边框,内容,左右内外边距. 如果上下左右四个参数,顺序:上右下左 ...
- css盒子教程,彻底弄懂css盒子模式(div布局快速入门)_css教程
实现结构与表现分离 在真正开始布局实践之前,再来认识一件事--结构和表现相分离,这也用CSS布局的特色所在,结构与表现分离后,代码才简洁,更新才方便,这不正是我们学习CSS的目的所在吗?举个例来说P是 ...
- HTML盒子模型制作个人名片,网页设计基础 CSS盒子模型 第4章 CSS盒子模型_教学设计.doc...
博学谷--让IT教学更简单,让IT学习更有效 PAGE 12 PAGE 1 <HTML+CSS+JavaScript网页制作案例教程> 教学设计 课程名称: HTML+CSS+JavaSc ...
- css盒子模型输出对联,网页设计基础 CSS盒子模型 第4章 CSS盒子模型_补充案例.doc...
博学谷--让IT教学更简单,让IT学习更有效 PAGE 18 第4章 补充案例 [案例4-1] 顶部导航栏1 一.案例描述 考核知识点 边框的复合属性.背景颜色 练习目标 灵活运用边框的复合属性. 掌 ...
- 11. 前端基础--CSS盒子定位
文章目录 前端基础--CSS盒子定位 1. 再看CSS 布局的三种机制 2. 为什么使用定位? 3. 定位详解 3.1 边偏移 3.2 定位模式 (position) 静态定位(static) -了解 ...
- CSS基本知识总结(HTML+CSS)
HTML 1.网页组成 网页是由HTML(文字,图片,输入框,按钮,视频,音频...)组成的 2.网页规范(W3C) 结构标准:制作网页必须按照HTML的标准结构去写网页(用于对网页元素进行整理和分类 ...
- css里box是什么文件,CSS Box盒模型的详细解说
CSS盒子模型在于你做css之后每个元素都由一个包围该元素的矩形框定义.了解框模型的工作原理是理解CSS并更好地控制布局和演示的关键.话不多说,让我们直接讨论一下CSS盒子模型是什么,一个盒子如何影响 ...
- CSS学习(第三天)(层叠性、继承性、优先级,CSS 盒子模型)
紧接第二天 CSS学习第三天 5 CSS的三大特性 5.1 层叠性 5.2 继承性 5.2.1 行高的继承 5.3 优先级 5.3.1 优先级(注意) 5.3.2 优先级(权重叠加) 6 CSS 盒子 ...
- CSS盒子模型之CSS3可伸缩框属性(Flexible Box)
CSS盒子模型(下) 一.CSS3可伸缩框(Flexible Box) 可伸缩框属性(Flexible Box)是css3新添加的盒子模型属性,有人称之为弹性盒模型,它的出现打破了我们经常使用的浮动布 ...
最新文章
- python求平方根的代码_Python求平方根(附带源码)
- Salesforce 数据备份和恢复小知识
- PostgreSQL新手入门教程
- Trustdata:映客直播站稳行业第一梯队 用户粘性增长明显
- 一名IT经理是如何把项目带崩的。。。
- Java编程中程序员会遇到的一些感性烦恼,你有遇到吗?
- C#使用百度API通过IP获取地理位置和坐标
- Java 基本数据类型总结
- Java 打印程序设计
- php7isapi,WINDOWS 2000下使用ISAPI方式安装PHP
- 旋转矩阵之到底顺时针还是逆时针
- C语言函数之 fabs()
- oracle exp 排除某些表导出其他表
- 【python基础】小练习③——华氏温度与摄氏温度转化
- pads layout查看管脚连接
- 【李佳辉_周报_2022.10.23】
- html如何拉伸一个图片,css怎么拉伸图片?
- 什么是时间序列数据?
- Unity使用Mysql(添/删/改/查)(保姆级)
- vue 实现商品列表的添加、删除,搜索