美文网首页
CSS属性书写顺序及页面布局整体思路

CSS属性书写顺序及页面布局整体思路

作者: 社会主义顶梁鹿 | 来源:发表于2020-06-18 14:09 被阅读0次

一、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...

二、页面布局整体思路

1、必须确定页面的版心(可视区),我们测量可得知。

2、分析页面中的行模块,以及每个行模块中的列模块,这是页面布局的第一准则。

3、一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置。页面布局的第二准则。

4、制作HTML结构,要遵循先有结构后有样式的原则。结构永远最重要。

5、先理清楚布局结构再写代码。

相关文章

  • CSS属性书写顺序及页面布局整体思路

    一、CSS属性书写顺序 建议遵循以下顺序: 1、布局定位属性:display / position / float...

  • 微网站开发规范

    整体框架布局 JavaScript书写规范 CSS书写规范 整体框架布局采用seajs实现JavaScript的模...

  • 推荐大家使用的CSS书写规范、顺序

    推荐大家使用的CSS书写规范、顺序 css书写顺序 1. 位置属性(position, top, right, z...

  • CSS书写规范、顺序和命名规则

    CSS书写规范、顺序和命名规则 一、CSS书写顺序 1.位置属性(position, top, right, z-...

  • 页面布局整体思路

    版心 页面的可视区,通过测量获取 第一准则 分析页面中行模块,以及行模块中的列模块 第二准则 一行中的列模块经常浮...

  • 页面布局整体思路

    1.必须确定页面的版心(可视区),我们测量可得知。 2.分析页面中的行模块,以及每个行模块中的列模块。其是页面布局...

  • css书写规范

    CSS和CSS3书写规范 按照下面顺序来书写css代码。 显示属性: display , list-style ...

  • css属性书写顺序

    位置属性 盒子属性 文字相关 视觉 其他(如animation, transition)

  • css属性书写顺序

    布局定位属性 自身属性 文本属性 其他属性

  • css代码规范

    CSS选择器 CSS执行顺序 CSS书写顺序 CSS规范 CSS命名规则 语义化当清除所有自定义的样式与布局,只使...

网友评论

      本文标题:CSS属性书写顺序及页面布局整体思路

      本文链接:https://www.haomeiwen.com/subject/tzkuxktx.html