首页前端开发CSScss属性默认样式有哪些

css属性默认样式有哪些

时间2023-11-17 22:28:03发布访客分类CSS浏览716
导读:在使用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
css 将背景图变浅 css嵌入式字体代码

游客 回复需填写必要信息