css属性书写顺序:
1.布局定位属性:display / position / float / clear / visibility / overflow
2.自身属性:width / height / margin / padding / border / background
3.文本属性:color / font / text-decoration / text-align / vertical-align / white-space /break-word
4.其他属性:content / cursor / border-radius / box-shadow / text-shadow / background-linear-gradient...
页面布局整体思路:
为了提高网页制作的效率,制作网页布局时通常有以下的整体思路:
1.必须确定页面的版心(可视区),由测量得知。
2.分析页面中的行模块,以及每个行模块中的列模块,是页面布局的第一准则。
3.一行中的列模块经常浮动布局先确定每个列的大小之后确定列的位置。页面布局第二准则。
4.制作HTML结构。我们还是遵循,先有结构,后有样式的原则。结构永远最重要。
5.所以先理清楚布局结构,再写代码尤为重要.这需要我们多写多积累。
圆角边框:
border-radius属性用于设置元素的外边框圆角
语法格式:
border-radius: lenght;
radius 半径原理:圆与边框的交集形成圆角效果
参数可以为数