css属性默认样式有哪些
导读:在使用CSS进行网页设计时,了解默认样式是很重要的。默认样式是指在没有设置任何CSS属性的情况下,浏览器会对HTML元素设置的样式。 p { display: block; margin-top: 1...
在使用CSS进行网页设计时,了解默认样式是很重要的。默认样式是指在没有设置任何CSS属性的情况下,浏览器会对HTML元素设置的样式。
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
上述代码就是p标签的默认样式。默认情况下,p标签会被设置为块级元素,即其前后都存在一定的间隔,上下间距为1em。左右间距为0。其他还有许多元素也有默认样式,下面是一些常见的默认样式:
/*默认链接样式*/ a {
color: #00BFFF;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
/*默认列表样式*/ ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
/*表格样式*/ table {
border-collapse: collapse;
border-spacing: 0;
}
th {
font-weight: bold;
text-align: center;
vertical-align: bottom;
padding: 6px 13px;
border: 1px solid #ddd;
}
td {
text-align: left;
vertical-align: top;
padding: 6px 13px;
border: 1px solid #ddd;
}
总之,在设计网页时要充分利用默认样式,并且合理的用CSS样式来控制,可以加快开发效率。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css属性默认样式有哪些
本文地址: https://pptw.com/jishu/543755.html
