欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 手游 > 小兔鲜首页制作css

小兔鲜首页制作css

2025/2/23 16:33:59 来源:https://blog.csdn.net/qq_65046523/article/details/141399141  浏览:    关键词:小兔鲜首页制作css

一、项目目录

项目名-客户端

xtx-pc

1.images:存放固定使用的图片,例如:logo、样式修饰图

2.uploads:存放非固定图片,例如:商品图、宣传图等需要上传的图片

3.iconfont:字体图标素材

4.css文件:

4.1base.css:基础的公共样式

4.2common.css:各个网页相同模块的重复样式,例如头部、底部

4.3index.css:首页css样式

5.index.html:首页html文件

二、 SEO搜索引擎优化

2.1提升SEO的三大方法

1.竞价排名

2.将网页制作成html标签

3.标签语义化(在合适的地方使用合适的标签)

2.2网页头部SEO标签 

title:网页标题标签

description:网页描述

keywords:网页关键词

三、Favicon图标

网页图标,出现在浏览器标题栏,增加网页辨识度

favicon.ico:一般存放在网站的根目录

使用link自动生成 

四、版心

公共样式存放到common.css文件

哪个元素需要就调用

设置上下边距为0,后续有需要再修改

/* 版心 */.wrapper{margin: 0 auto;width: 1240px;}

 五、快捷导航

5.1标签结构

通栏>版心>ul

5.2布局

flex-end  调整主轴对齐方式,右对齐

5.3常规样式

1.a靠内容撑开

2.右边块线,最后一个a不需要边块线(给a加的原因,a是行内元素靠内容撑开,边框线和文字一样高)

3.图标使用span标签引入,在文字前面

4.图标和文字取消基线对齐

.shortcut li .iconfont{margin-right: 4px;vertical-align: middle;
}

 5.4单独的样式

设置单独的类,对该样式单独设置

六、头部

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词