html网页小问题总结

自动缩进代码
text-indent: 2em

邮箱a标签
<a href="mailto:shiling@sg-aml.tech">xiaoheihym@gmail.com</a>

背景透明
background-color:transparent

鼠标悬停出现 下划线
a:hover{text-decoration:underline!important}

<p style="margin: 0;"> </p>
<!--不显示边框,设置上边框30px 实线 颜色--><hr style="border: none; border-top: 5px solid #9966b3;" />
9966b3

英文第二行 自动缩进
p {
    text-indent: -4em;
    margin-left: 4em;
}

Quantity Field on Shop Page for WooCommerce 插件 让 WooCommerce 出现数量选项

CSS优先级
!important优先调用等级

CSS优先级 从上到下 从外到内 
.a{}
.dvi .a{}
div 要高于 A

根据屏幕宽度调整元素大小
@media screen and (max-width: 769px){
    .list-main{
        padding: 10px 10px;
        font-size: 20px !important;
    }
}

去除 UL小点
ul {
    list-style-type: none;
     margin: 0;
     padding: 0;
    }

WordPress纯代码添加按钮

<div id="download" style="text-align: center;>
<a style="border-radius: 5px; color: #fff; text-decoration:none; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0; padding: 8px 25px 9px;"href="#">
点我下载
</a>
</div>


ol数字标签自定义
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

嵌入
<iframe src="https://example.com" width="500" height="600"></iframe>

 

© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    暂无评论内容