CSS属性书写顺序

最新推荐文章于 2022-09-01 10:47:58 发布

B·o·T

最新推荐文章于 2022-09-01 10:47:58 发布

阅读量329

点赞数

分类专栏：前端学习文章标签： css

本文链接：https://blog.csdn.net/qq_42837306/article/details/104039129

版权

前端学习专栏收录该内容

26 篇文章 0 订阅

订阅专栏

遵循以下顺序：
布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）
自身属性：width / height / margin / padding / border / background
文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word
其他属性（CSS3）：content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient …

.jdc {
	/*布局定位属性*/
    display: block;
    position: relative;
    float: left;
    /*自身属性*/
    width: 100px;
    height: 100px;
    margin: 0 10px;
    padding: 20px 0;
    /*文本属性*/
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #333;
    /*其他属性*/
    background: rgba(0,0,0,.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}