html设计有项目的页面,HTML+CSS项目开发经验总结(推荐)

好几天没更新博客了,刚实战完一个HTML+CSS的简单项目。经过几天的摸索,发现收益良多。之前只是单纯得写demo,看知识点,没有亲自实战项目。但实战过后才会了解,如何才能更好地提升自己的技术。针对这次项目开发,我总结了以下内容:

一、技术总结

1、公共样式的设定

在开始项目之前,我们可以先大体了解一下项目中每个页面的内容,比如字体样式,段落结构,文字大小等。我们可以针对这些内容来设定一个固定的样式文件。在开发中    就可以直接引入此文件,而无需再重复敲CSS代码。

CSS Code复制内容到剪贴板

/*基本样式*/

* {

margin:0;

padding:0;

}

body {

font-family:"微软雅黑";

}

.clear{/*清除两边浮动*/

clear:both;

}

.fl {/*清除左浮动*/

float:left;

}

.fr {/*清除右浮动*/

float:rightright;

}

a {/*去掉链接的默认下划线*/

text-decoration:none;

}

li {/*去掉列表默认样式*/

list-style:none;

}

需要用到时就直接在类名后加上所要用到的类名即可:

XML/HTML Code复制内容到剪贴板

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值