优艾设计网

body中的css为何有些没有作用??

优艾设计网 https://www.uibq.com 2023-06-05 07:39 出处:网络 作者:PS基础教程
请看 <html> <meta charset=\"UTF-8\"> <head> <style> body{ display:block;margin:0 auto; font-size:40px; width:900px; height:50px; border:solid 4px green; } #d2{ width:100%; heig

请看

<html> <meta charset="UTF-8"> <head> <style> body{ display:block;margin:0 auto; font-size:40px; width:900px; height:50px; border:solid 4px green; } #d2{ width:100%; height:auto; } #d21,#d22,#d23{ width:33%; float:left; border:1px solid red; } </style> </head> <body> <p>hello</p> <div id="d2"> <div id="d21"> <select id="id_select"name="s1"> <option>==> 请选择 <==</option> </select> </div> <div id="d22"> <input type="button" value="开始" onclick="start()"> </div> <div id="d23"> <input type="button" value="结束" onclick="stop()"></div> </div> </body> </html>显示结果如下


body中的font-size:40px;对p里面的字体发生了作用。
为何body中的

display:block;margin:0 auto;

不对select input标签起作用?

请看下面

<html> <meta charset="UTF-8"> <head> <style> body{ display:block;margin:0 auto; font-size:40px; width:900px; height:50px; border:solid 4px green; } #d2{ width:100%; height:auto; } #d21,#d22,#d23{ width:33%; float:left; border:1px solid red; } select,input{ display:block;margin:0 auto; } </style> </head> <body> <p>hello</p> <div id="d2"> <div id="d21"> <select id="id_select"name="s1"> <option>==> 请选择 <==</option> </select> </div> <div id="d22"> <input type="button" value="开始" onclick="start()"> </div> <div id="d23"> <input type="button" value="结束" onclick="stop()"></div> </优艾设计网_设计百科div> </body> </html>

显示结果


body中的

display:block;margin:0 auto;

不对select input标签起作用,必须写

select,input{ display:block;margin:0 auto; }才有居中的效果。

body中的css为何有些有作用,有些没有作用?


li17614369974 12小时前

优艾设计网_设计模板

有些属性是会继承的 比如font-size有些属性是不会继承的 比如margin


喵喵喵汪汪汪咩咩 优艾设计网_PS问答 12小时前

css 有继承 这一概念(你可以百度一下css继承):有些属性可能会被子标签继承,如font-size color;有些属性则不会被继承,如border background margin padding;规律肯定是有的,比如结构样式 width,height,display不会被继承。会被继承的样式也只是少数。


M28****7844 12小时前

bo优艾设计网_Photoshop论坛dy就是对body标签,怎么会对其他标签有作用呢?font-size这些css是会继承的,但是margin等其他不会继承的。*才是对所有标签进行选择。


0

精彩评论

暂无评论...
验证码 换一张
取 消