发表于: 2019-04-12 21:31:05
1 779
今天完成的事情:
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的一些规范,学会了添加小图标。
评论