html css层叠样式基础(样式的继承)(五)

来源:互联网 发布:街头篮球淘宝买号封停 编辑:程序博客网 时间:2024/06/03 10:36

1.样式的继承

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">/*body{font-size: 12px;}*/p{font-size: 40px;background-color: yellow;}</style></head><body><!--就像后代可以去继承祖先的财产一样,在HTML中后的元素也可以继承到祖先元素上的样式,也就是为祖先元素设置的样式,也会同时应用到后代元素上利用继承可以将后代元素上的样式,统一设置给他们祖先元素,这样只需要设置一个,就可以同时应用到多个元素上但是并不是所有的样式都会被继承,比如:背景相关的 边框相关 宽度 高度 等都不会被继承--><p>我是一个p元素<span>我是一个span元素</span></p></body></html>



0 0
原创粉丝点击