CSS学习笔记8——CSS属性书写顺序&&页面布局基本思路

原创于 2025-01-24 16:16:35 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #学习 #笔记 #前端 #html

CSS 专栏收录该内容

14 篇文章

订阅专栏

CSS属性书写顺序

1. 布局定位属性

display/position/float/clear/visibility/overflow（建议display第一个写）

2. 自身属性

width/height/margin/padding/border/background

3.文本属性

color/font/text-decoration/text-align/vertical-align/white-space/break-word

4. 其他属性（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);
    border-radius:10px;
}