CSS笔记（十）----书写顺序和布局思路

前言

因为最近写代码一直都感觉写的很乱，不知所措
查了一下，大家也可以了解一下，让自己的代码写的更专业！！优雅！！成熟稳重高质量！

一、CSS属性书写顺序

1.布局定位属性：

display  规定元素生成框的类型
position  定位
float     浮动
clear    清除浮动
overflow   内容溢出处理方式

2.自身属性：

width  宽度
height   高度
margin外边距
padding内边距
border边框
background  背景

3.文本属性

color
font
text-decoration
text-align

4.其他属性

border-radius

哎就是说，顺口溜当然也不能少

样式顺序有讲究，否则显得不专业
转换浮动藏溢出，宽高边距接着列
边框背景不能忘，文字属性紧跟上
圆角阴影随后写，offer接到手酸胀！

你学会了吗

二、页面布局整体思路

1.先确定页面版心的宽度，可以测量知道（可以使用ps的标尺,或者是pxcook）
2.分析页面的行模块，分为几部分，以及每个部分中的列模，页面布局超级重要！
还记得前面说到的页面布局第一准则嘛
多个块元素纵向排列找标准流，多个块级元素横向排列找浮动

3.一行中的列模块经常浮动布局，所以我们要先确定每个列的大小，之后再确定列的位置
4 .先有结构！再有样式！