发表于: 2019-04-12 21:31:05

1 778


今天完成的事情:

1,上午看了css编码规范和html编码规范,有几个要注意的地方

使用4个空格作为一个缩进层级,选择器与 { 之间必须包含空格,属性名与:不含空格,:与属性值必须包含空格,rgb颜色值必须使用十六进制记号形式,需要在Windows平台显示的中文内容时,其字号应不小于12px,class必须代表相应模块或部件的内容或功能,不得以样式信息进行命名,图片添加width和height属性,以避免页面抖动,有下载需求的图片采用img标签实现,无下载需求的图片采用css背景图实现。

2,在网上找了几个相似的页面做参考

发现一些小图标是用<i>标签写的,然后给<i>标签添加样式,而不是直接引用图片。

.icon{

            display: inline-block;

            width: 100px;

            height: 100px;

            background-image: url(i/logo.png);                                             

            background-position: center center;

            background-size: 60px 60px;

            background-repeat: no-repeat;

}

可以先给所有的小图标写一个样式,然后再给特殊的图标写一个样式,比如

明天要做的事情:继续完成任务五,争取大致效果和设计图一致,先完成框架,小错再慢慢修改。

遇到的问题:暂无

收获:学会了写css的一些规范,学会了添加小图标。


返回列表 返回列表
评论

    分享到