css属性书写顺序、页面布局整体思路、圆角边框,盒子阴影,文字阴影、产品模块案例、产品快报案例(html+css)

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 半径原理:圆与边框的交集形成圆角效果

参数可以为数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值