CSS属性书写顺序(重要)

建议遵循以下顺序:

  1. 布局定位属性:display / position / float / clear / visibility / overflow(建议 display第一个写,毕竟关系到模式)
  2. 自身属性:width / height / margin / padding / border / background
  3. 文本属性:color / font / text-decoration / text-align / vertica- align / White-space / break-word
  4. 其他属性(CSS3):content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient……

例子:

.div {
      display: block;
      position: relative;
      float: left;
      width: 100px;
      height: 100px;
      margin: 0 10px;
      padding: 20px 0;
      font-family:Arial, ' Helvetica Neue', Helvetica, sans-serifi;
      color: #333;
      background: rgba(0,0,0,.5);
      border-radius: 10px;
}

网页布局整体思路

为了提高网页制作的效率,布局时通常有以下的整体思路:

  1. 必须确定页面的版心(可视区),我们测量可得知(页面整体版块宽度为多少)。
  2. 分析页面中的行模块,以及每个行模块中的列模块。页面布局第一准则。
  3. 一行中的列模块经常浮动,布局先确定每个列的大小,之后确定列的位置。页面布局第二准则。
  4. 制作HTML结构。我们还是遵循先有结构,后有样式的原则。结构永远最重要。
  5. 先理清楚布局结构,再写代码。

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

邮箱地址不会被公开。

微信